/* == Debug CSS == */
/* div{ border: #000 solid 1px; } /* */

/* == Main CSS == */

body {
    font: 100% Arial, sans-serif;
    font-size: 12px; /* was 11 */
    background: url(../images/background.jpg) no-repeat left top #231f20;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
    line-height: 18px;
}

/* WEBFONT - */

.handelgothic {
    font-family: HandelGotD-Lig, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
}

/* END WEBFONT */

#container {
    width: 1030px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
    color:#000;
}

#main-content {
    padding: 0 15px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#content {
    /*  background: url(../images/content-holder.png) ; */
    width: 720px; /* 735 */

    position: relative;
    /*margin-bottom: -65px; */

    /*margin-bottom: 42px; */
    margin-bottom: 10px;
    z-index: 1;

}

#content-text{
     min-height: 420px;
    border: 1px solid #b4b4b6;
    
    -moz-border-radius-bottomright: 40px;
    border-radius-bottomright: 40px;
   /*  -webkit-border-radius-bottomright: 40px;     */
    -webkit-border-bottom-right-radius:40px;    
    
    -moz-box-shadow: 2px 2px 6px -1px #666;
    box-shadow: 2px 2px 6px -1px #666;    
    -webkit-box-shadow: 2px 2px 6px -1px #666; 
    
    position: relative;
    top: 0;
    background-color: #fff;
    /* bottom: -42px; */
    padding: 15px;
    /* margin-bottom:-40px; */
    padding-bottom: 25px; /* was 0 */

}

#header{
    position: relative;
    height: 160px;
    /*padding-left: 5px; */
    z-index: 2000;
}

#footer{
	color:#929292;
	margin-top: 27px;
   /* padding-left: 25px; */
   padding-left: 16px;
    font-size: 12px;
    line-height: 13.5px;
}

#footer-copy{
	background: url(../images/footer.jpg) no-repeat;
	height: 86px;

}

#footer-copy img{
	position: relative;
	top: 10px;
}

.hidden {
    display: none;
}

/* == START General CSS Section =< */

h1{
    font-family: HandelGotD-Lig, Arial, sans-serif;
    font-size: 28px;
    font-weight: 100;
    margin: 0;
    line-height: 1;
}

h1 span{
    color:#f6be40;
}

h3{
font-size: 14px;
line-height: 18px;
margin:10px 0;
font-weight: bold;
}

h4{
font-size: 12px;
margin:3px 0;
font-weight: bold;
line-height: 18px;
/* margin: 10px 0; */
margin: 0;
}

.h4{
font-size: 12px;
font-weight: bold;
}

.contact h3{
margin:0;
margin-top: 10px;
}

.contact h4{
font-size: 14px;
font-weight: normal;
margin: 0;
margin-top: 10px;
}

.contact p{
font-size: 14px;
}

.contact ul{
margin: 0;

}

.contact {
/* font-size:14px; */
}

.contact a{
font-size: 12px;
}

.contact ul {

}

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

a:hover{
text-decoration: underline;
color: black;
}

p { 
margin: 10px 0;
line-height: 18px;
font-size: 12px;

}

.product-display ul{
list-style: none; 
margin: 0;
padding: 0;
}

ul{
/* list-style: none; /* need to turn this off for the dot points we want containing the lists */
margin: 0;
padding: 0;
}

.header-text h1{
    margin-top: 25px;
    margin-left: 7px;
}


#footer h3{
    font-family: HandelGotD-Lig, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    color: #f6be40;

}

#footer h3 span{
    color:#fff;
}
#footer h3 em{
    color:#929292;
    font-style: normal;
}

.left ul,.middle ul,.right ul{
list-style-image: url(../images/back-slash.png);
padding-left: 15px;
font-size: 14px; /* was body */

}

.left li,.middle li,.right li{
	padding-bottom: 10px;
}

.header-text{
    position: absolute;
    top: 0;
    left: 200px;
}
.content-chrome{
    width: 735px; /* SAME as content */
    height: 64px;
    background: url(../images/content-holder-footer.png) no-repeat;
    position: absolute;
    bottom: -42px;
    left: 0;


}

.subnote{
font-size: 11px;
font-style: italic;
}

#action-box{
	position: relative;
	top: 250px;
	right:85px;
	float: right;
	width: 170px;
	text-align: right;
}

/* Menu drop down */
#menu-container{
    position: relative;
    z-index: 1000;
}
#menu-dropdown{
    list-style: none;
    width: 206px;
    font-family: HandelGotD-Lig, Arial, sans-serif;
    position: absolute;
    left: 0;
    top: 0;
    margin:0;
    padding: 0;
    z-index: 1000;
    

}

#menu-dropdown li a {
    display: block;
    text-decoration: none;
    border-bottom: 0;
    color: #f6be40;
    padding: 6px;
    text-decoration: none;
    display: block;
    background: url(../images/dropmenu-sprite.jpg) 0 0 no-repeat;  /* Top when no rollover */
    width: 206px;
    height: 12px;
}
/* 0 24 48 72 */

.product #menu-dropdown li a {
	color: #000;
	background: url(../images/dropmenu-yellow-sprite.jpg) 0 0 no-repeat; /* Top when no rollover */
	width: 404px;
}

.product #menu-dropdown{
    width: 404px;
    left: 220px;
    top: 0;
}

#menu-dropdown a{

}

#menu-dropdown a:hover{
   /*  background-position: 0 -72px; /* Top when hover */
}
#menu-dropdown ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 150px;

}

#menu-dropdown  li {
    position: relative;
}


#menu-dropdown li ul {
    position: absolute;
    left: 0px;
    top: 24px;
    display: none;
    z-index: 100;

}

#menu-dropdown li ul a{
    background-position: 0 -48px; /* Sub item NO hover */
}

.product #menu-dropdown li ul a{
    background-position: 0 -48px; /* Sub item NO hover */
}

#menu-dropdown li ul a:hover{
    background-position: 0 -24px; /* Sub item with hover */
}

#menu-dropdown	li:hover ul { display: block; }


/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

#sitemap{
	margin-top: 27px;
	font-size: 10px;
	float: left;

}


#sitemap ul{
	list-style: none;
	padding: 0;
	margin: 0;

}

#sitemap li{
	float: left;
	margin-right: 10px;
	width: 120px;
}
#sitemap .title{
	color:#fff;
	/* font-family: HandelGotD-Lig, Arial, sans-serif; */
}
#sitemap li ul li{
	float: none;
	margin-right: 0;
}

#sitemap a{
	color:#929292;
	text-decoration: none;
}

#sitemap a:hover{
	color:#f6be40;
}

.footer-menu{
	color:  #f6be40;
	margin-left: 25px;
}

#footer h3{

	display: inline;
}

.footer-menu a{
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
    font-family: HandelGotD-Lig, Arial, sans-serif;
}


#action-box a{
	display: block;
	width: 76px;
	/*  height: 20px; */
	float: right;

}

#action-box a span{
	display: none;
}

/*#action-box .button{
	background: url('../images/learnmore-btn.png') no-repeat;
}
#action-box a:hover{
	background-position: 0 -20px;
}*/

.home-link{
	position: absolute;
	right: 280px;
	top: 2px; /* 5 */
}

.home-link a{
	display: block;
	width: 76px;
	height: 17px;


}

.home-link a span{
	display: none;
}

.home-link .hbutton{
	background: url('../images/home-icon.jpg') no-repeat;
}

.home-link a:hover{
	background-position: 0 -17px;
}

.section-menu {
	font-size: 12px;
	position: relative;
	left: 207px;
	top: 5px;
	text-transform:uppercase;
	width: 460px;
}

.section-menu a{
    font-family: HandelGotD-Lig, Arial, sans-serif;
   /*  font-weight: bold; */
	text-decoration: none;
	text-align: center;
	display: block;
	color: #000;
	margin-right: 10px;
	margin-left: 10px;
	padding-right: 5px;
	padding-left: 5px;
	border-bottom: 2px solid #fff;
}

.section-menu a:hover, .section-menu .active{
	color:#636466;
	border-bottom: 2px solid #f6be40;
}

.section-menu ul{

	list-style: none;
	padding: 0;
	margin: 0;
}

.section-menu li{
	float: left;

}

.copyright{
	font-size: 9px;
	margin-top: 10px;
	display: block;
		font-family: Verdana, Arial, sans-serif;
}

.sub-menu {
	position: absolute;
	left: 215px;
	top: 10px; 
	/* float: right; */
	
}

.sub-menu a{
    text-transform: uppercase;
	font-size: 10px;
	text-decoration: none;
	text-align: center;
	display: block;
	color: #919195;
	margin-right: 10px;
	margin-left: 10px;
	padding-right: 5px;
	padding-left: 5px;
	border-left: 2px solid #f6be40;
}

.sub-menu a:hover,.sub-menu .active{
	color:#58595b;

}

.sub-menu ul{

	list-style: none;
	padding: 0;
	margin: 0;
}

.sub-menu li{
	float: left;

}

#menu-container{
    position: relative;
    top: 17px;
   /*  left: 5px; */
}
#product-dropdown{
    list-style: none;
    width: 145px;
   /* font-family: HandelGotD-Lig, Arial, sans-serif; */
    position: absolute;
    font-weight: bold;
    left: 5px;
    top:  5px; /*  5px; */
    margin: 0;
    padding: 0;

}

.product #product-dropdown{

    left: 250px;
    top: 0;
}

#product-dropdown a{
	opacity: 0.9;
	filter: alpha(opacity=90); /*for Internet Explorer 6/7*/
	filter: "alpha(opacity=90)"; /*for Internet Explorer 8*/ 
}

#product-dropdown a:hover{
    background-color: #D2D2D2;
}
#product-dropdown ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 145px;
    

}

#product-dropdown  li {
    position: relative;
    
}


#product-dropdown li ul {
    position: absolute;
    left: 0px;
    top: 25px;
    display: none;
    z-index: 100;
	width: 145px;
	
}

#product-dropdown li ul a{

}
#product-dropdown li ul a:hover{


}
#product-dropdown li a {
    display: block;
    text-decoration: none;
    background: #fff;
    color: #000;
    padding: 5px; /* 7 */
    padding-left: 7px;
    padding-top: 3px;
    padding-bottom: 10px;
    
    text-decoration: none;
    display: block;
    /* background: url(../images/dropmenu-sprite.jpg) no-repeat; */
    width: 200px;
    height: 12px;
}

#product-dropdown li a span{
	color:#f6be40;
}

#product-dropdown	li:hover ul { display: block; }



.column{
	float: left;
	/* height: 100%; */
}

.left, .right, .middle{
	width:217px; /* 222, 217 */
	padding-right: 5px;
}

.left{
width:205px;
padding-right: 15px;
}



.left{
	clear: left;
}

.middle{

}

.right{
	float: right;
	position: absolute;
	top: 38px;
	right: 15px;
}

.left-two{
	width:445px;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

.product-display{
text-align: center; /* THIS SHOULD CASCADE IN IE7 */
line-height: 1.5;
}

.product-display ul{
text-align: center; /* IE 7 FIX */

}

.product-display li{
list-style: none;
font-size: 12px;
padding-bottom: 0;
}

.product-title{
text-align: center; /* IE 7 FIX */
font-weight: bold;
font-size: 14px;

}

.product-image{
height: 150px;
text-align:center; /* IE 7 FIX */
}

.product-title a{
color:#f6be40;
text-decoration: none;
}

.product-title a:hover{
color: #616062;
}

#contact{
	text-align: right;
	float: right;
	width: 150px;
	font-size: 10px;
	padding-right: 105px;
	line-height: 1.5;
}

#contact div{
	margin-top: 5px;
}

#contact .head{
	padding-bottom: 5px;
	font-weight: bold;
}

#contact img{ /* .head  */
	margin-right: -25px;
	position: relative;
	top: 4px;
	padding-left:5px;
}

#contact span{
	color: #f6be40;
}

#contact .phone{
	color:#fff;
	font-weight: bold;
	font-size: 11px;
}

marquee, .marquee-news{
	position: absolute;
	top: 70px;
	left: 210px;
	font-size: 10px;
	text-transform: uppercase;
	color: #808080;
	/* border: 1px solid red; */
}

marquee span, .marquee-news span{
	border-right: 1px solid #f6be40;
	margin-right: 5px;
	padding-right: 5px;
}

.highlight-text, .hl{
color: #f6be40;
}

/* FORM STYLES */


	
select, input, textarea { 
	/* padding: 9px; */
	border: solid 1px #E5E5E5;
	outline: 0;
	/* font: normal 13px/100% Tahoma, Arial, sans-serif; */
	width: 200px;
	background: #FFFFFF url('bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 20px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}

textarea { 
	width: 400px;
	max-width: 400px;
	height: 150px;
	line-height: 150%;
	}

select:hover, input:hover, textarea:hover,
input:focus, textarea:focus { 
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}

.form label { 
	margin-left: 10px; 
	color: #999999; 
	}

.submit input {
	width: auto;
	padding: 9px 15px;
	background: #617798;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}	
	
/* CSS Button Styles */

.bigrounded {
  border-radius: 2em 2em 2em 2em;
}

.button {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: inline-block;
 /* font: 14px/100% Arial,Helvetica,sans-serif; */
  margin: 0 2px;
  outline: medium none;
/*  padding: 0.5em 2em 0.55em; */
  font-size: 8px;
  text-transform: uppercase;
  /* padding-top: 5px; */
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  vertical-align: baseline;
  margin-top: 10px;
}

/* gray */
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
	color: #f6be40;
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

.button:hover {
  text-decoration: none;
}



/* => END General CSS Section == */


/* == Bigwig Siteby Icon =< */

#siteby{
    position:fixed; right:0; bottom: 40px;float:right;
}

#siteby a{
    text-decoration: none;
    width: 25px;
    height: 65px;
    display: block;
    background: url("../images/siteby.png");
}

#siteby a:hover{
    background: url("../images/siteby-o.png");
}

/* >= End Bigwig Siteby == */