/* @override http://ghostwood.purplehp.com/static/style.css */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {  
    margin:0; 
    padding:0; 
	font-size:9pt;
	font-family: Futura,  Helvetica, Arial, san-serif,  Trebuchet MS;
} 
table { 
    border-collapse:collapse; 
    border-spacing:0; 
} 
fieldset,img {  
	    border:0; 
} 
ol,ul { 
	    list-style:none; 
} 
h1,h2,h3,h4,h5,h6 { 
    font-size:100%; 
    font-weight:normal; 
} 
.clear {
  clear: both;        /* extend height of .main to longest column */
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}
.itext{
	display:none;
	
}

html, body, body > div{
	height: 100%;	
}

a {
	color: white;
	text-decoration:none;
}
a:hover{
	color: #4f433c;
}
#page_wrap{
	background: transparent url(images/background.jpg) top left repeat;
	width:975px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	padding:0px 30px 5px 25px;
	min-height: 100%;
}


#header{
	height:88px;
	width:100%;
	padding-top: 20px;
	padding-bottom:10px;
	border-bottom:#cdcdcd solid 2px;
}
#header a{
	display:block;
	height:88px;
	width:160px;
	background: transparent url(images/logo.gif) top left no-repeat;
}

/*#header a{
	display:block;
	height:83px;
	width:244px;
	background: transparent url(images/logo.jpg) top left no-repeat;
	
}*/
#header a span{
	display:none;
}
#top_nav{
	position:absolute;
	right:30px;
	top:50px;
}
#top_nav2{
	position:absolute;
	right:30px;
	top:70px;
}
.topnav ul{
}
.topnav ul li{
	display:inline;
	margin-left:10px;
	color: #cdcdcd;
	font-size: 1em;
}
.topnav ul li a{
	text-transform:uppercase;
	text-decoration:none;
	color: #cdcdcd;
	font-size: 1em;
}
.topnav ul li a:hover{
	color: #fff;
}
.topnav ul li a.active_link{
	color: #778e1d;
}


#productlines{
	margin-top:5px;
	padding-bottom:10px;
	border-bottom:#cdcdcd solid 2px;
}
#productlines h3{
	font-size:1.4em;
	color: white;
	padding:0px 0px 5px 15px;
}
#productlines h3 a{
	color: white;
}
#productlines h3 a:hover{
	color: #cdcdcd;
}
#productlines ul{
	padding:15px 0px;
	background: transparent url(images/box_transparent.png) top left repeat;
	margin-bottom:10px;
	height:115px;
}
#productlines ul li{
	display:block;
	float:left;
	width:166px;
	margin-left:14px;
	margin-right:14px;
	position:relative;
}
#productlines ul li a img{
	border:0;
}

#productlines ul li a span.ov{
	display:block;
	width:166px;
	height:100px;
	background:transparent url(images/box_top.gif) 0px 0px no-repeat;
	position:absolute;
	top:0px;
	left:0px;
}

#productlines ul li a span{
	color:white;
}
#productlines ul li a span:hover{
	color:white;
	text-decoration:underline;
}
#productlines.min{
	height:20px;
	margin-top:5px;
}
#productlines.min h3{
	float:left;
	margin-right:20px;
}
#productlines.min ul{
	float:left;
	height:20px;
	padding:5px;
	margin:0;
	background: none;
}

#productlines.min ul li{
	width:auto;
}
#productlines.min ul li a img{
	display:none;
}


#productlines.min ul li a span{
	color:#778e1d;
}
#productlines.min ul li.active a span{
	color: #cdcdcd;
}
#productlines.min ul li a span.ov{
	display:none;
}


#page_content{
	margin-top:15px;
}
#page_content_left{
	width:470px;
	float:left;
}
#feature #page_content_left{
	width:510px;
}
#product #page_content_left{
	width:180px;
}

#top_image{
	padding:15px;
	background: transparent url(images/box_transparent.png) top left repeat;
	margin-bottom:10px;
}
#top_image a{
	display:block;
	font-size:1.15em;
	color: #778e1d;
	text-decoration:none;
	margin-bottom:3px;
}
#top_image img{
	max-width:440px;
}

#page_content_right{
	margin-left:10px;
	width:495px;
	float:left;
}
#feature #page_content_right{
	width:455px;
}
#product #page_content_right{
	width: 785px;
}

#page_content_right h1,
#page_content_right h2,
#page_content_left h1,
#page_content_left h2{
	/*background: transparent url(images/box_transparent.png) top left repeat;*/
	font-size:1.4em;
	color: white;
	padding:5px 15px;
}
#page_content h2 a{
	color: white;
}
#page_content h2 a:hover{
	color: #cdcdcd;
}
#page_content h3{
	font-size:1.3em;
	color: white;
	padding:5px 0px 10px 0px;
}

#page_content_wide h1{
	font-size:1.4em;
	color: white;
	padding:0px 0px 10px 15px;

}

#page_content_wide #content{
	padding: 5px 15px;
	background: transparent url(images/box_transparent.png) top left repeat;
	font-size: 0.9em;
	margin-bottom:10px;
	color: #4f433c;
}

#page_content_right #content{
	padding: 5px 15px;
	background: transparent url(images/box_transparent.png) top left repeat;
	font-size: 0.9em;
	margin-bottom:10px;
	height:400px;
	overflow:auto;
	color: #4f433c;
	
}
#feature #page_content_right #content{
	height:580px;
	color: #4f433c;
}
#product #page_content_right #content{
	height: auto;
	padding: 5px 7px;
	position: relative;
}

#content span,
#content b,
#content strong,
.content strong,
.content b{
	color: white;
	font-weight: bold;
}

#content ul{
	list-style: disc;
	margin-left:20px;
	font-size: inherit;
}
#content ul li{
	font-size: inherit;
}

#bottom_content{
	background-color: #4f433c;
	padding: 10px;
}

#bottom_content h1,
#bottom_content h2{
	color: #778e1d;
	text-transform: uppercase;
	margin-bottom:2px;
	padding-left: 15px;
}

#bottom_content .content{
	padding: 5px 15px;
	background: transparent url(images/box_transparent.png) top left repeat;
	font-size: 0.9em;
	margin-bottom: 10px;
	color: #4f433c;
}

#bottom_left{
	width: 650px;
	float: left;
}

#bottom_right{
	padding-left: 10px;
	width: 295px;
	float: left;
}

#bottom_content .content .ci{
	float: left;
	width: 40px;
	font-size: 0.7em;
}

#bottom_content .content .ci a.pdf{
	background: transparent url(images/pdf.gif) center center no-repeat;
	display: block;
	width: 33px;
	height: 35px;
}

#bottom_content .content .ci a.pdf span{
	display: none;
}

#bottom_content .content .ct{
	float: left;
	margin-left: 5px;
	width: 220px;
	font-size: 1em;
}

/*homepage bottom*/
#home #bottom_content{
	padding-left: 0;
	padding-right: 0;
}
#bottom_content h3{
	color: white;
	font-size: 1.6em;
	border-bottom: 1px solid white;
	width: 80%;
	padding: 0;
	margin-bottom: 10px;
	margin-top: -10px;
}
* html #bottom_content h3{
	margin-top: 0px;
}

#bottom_content .bottom3{
	width: 29%;
	float: left;
	border-left: 1px solid white;
	padding-left: 3%;
	padding-right: 1%;
	min-height: 150px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #778e1d;
}
#bottom_content .bottom3 a{
	color: white;
}

#bottom_content .bottom3 a:hover{
	color: #778e1d;
}
#bottom_content .first{
	border-left: none;
}

#bottom_content .bottom3 .bc{
	margin-top: 50px;
}
#bottom_content .bottom3 ul li{
	margin-bottom: 0.7em;
}

/*regular page*/
.internal_links{
	margin-top:15px;
	background-color: #4f433c;
	/*padding:5px;*/
	margin-bottom:10px;
	overflow: hidden;
	float: left;
	position: relative;
	width: 100%;
}
.internal_links h5{
	color:white;
	margin-left:5px;
	font-size: .8em;
	margin-bottom:3px;
}
.internal_links ul{
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	left:50%;
	text-align:center;
	padding-bottom: 10px;
}
.internal_links ul li{
	display: block;
	float: left;
	position: relative;
	right: 50%;
	padding:0px 5px;
	margin: 0;
}

.internal_links ul li a {
   display:block;
	height: 112px;
	border: 1px solid #4f433c;
}
.internal_links ul li a img {
	opacity: 0.9;
}

.internal_links ul li a:hover{
	/*border: 1px solid #F2F2F2;*/
}
.internal_links ul li a:hover img {
	opacity: 1;
}


#left_nav{
	padding:5px 15px;
	background: transparent url(images/box_transparent.png) top left repeat;
	
}

#left_nav ul li{
	border-top:1px solid #4f433c;
	margin-bottom:5px;
	padding-top:5px;
}
#left_nav ul li.first{
	border: 0;
}
#left_nav ul li a{
	color: #4f433c;
	text-decoration:none;
	text-transform: uppercase;
}
#left_nav ul li a:hover{
	color: #778e1d;
}
#left_nav ul li a.active_link{
	/*text-decoration: underline;*/
	font-style: italic;
}
#left_nav ul li ul li{
	border-top: 0;
	display:inline;
	color: #778e1d;
}
#left_nav ul li ul li a{
	color: #778e1d;
	text-decoration:none;
	text-transform: none;
}
#left_nav ul li ul li a:hover{
	color: #4f433c;
}

#left_nav ul li ul li a.active_link{
	text-decoration: underline;
}


#fw{
	padding:15px;
	background: transparent url(images/box_transparent.png) top left repeat;
	position:relative;
	height:560px;
	margin-bottom: 10px;
}

#fw div.off{
	display:none;
	z-index:1;
}
#fw div.on{
	z-index:2;
}

#ffront, #fback{
	top:15px;
	left:15px;
	position:absolute;
	height:560px;
	width:480px;
}


.fm{
	height:560px;
	position:relative;
}
.fm IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

.fm IMG.active {
    z-index:10;
}

#fm IMG.last-active {
    z-index:9;
}

.fs{
	position: absolute;
	left:7px;
	top:7px;
	z-index:20;
}

.fs ul li{
	display:block;
	float:left;
	list-style:none;
	margin-right:6px;
	width:112px;
	background-color: transparent;
}
.fs ul li a{
	width:112px;
	height:63px;
	display:block;
	position:relative;
	outline: none;
}
.fs ul li a span{
	display:block;
	width:112px;
	height:63px;
	background:transparent url(images/box2_left.gif) 0px 0px no-repeat;
	position:absolute;
	top:0px;
	left:0px;
}
.fs ul li a img{
	position:absolute;
	top:1px;
	left:1px;
	opacity: 0.9;	
}
.fs ul li a:hover img{
	opacity: 1;
}
.fs ul li a.active span{
	background:transparent url(images/box2_left.gif) 0px -63px no-repeat;
}


.fs ul li div.lc{
	position:relative;
	/*top:65px;
	left:5px;
	width: 460px*/;
	/*padding-bottom: 15px;
	background: transparent url(images/arrow.gif) 0px bottom no-repeat;*/
}

.fs ul li div.lc1{
	/*background-color:white;
	padding:10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	*/
	color:white;
}

#fc{
	width:200px;
	border-right:1px solid #cdcdcd;
	float:left;
	font-size: 0.9em;
	padding-right:10px;
	margin:5px 0px;
}
#fc p{
	font-size: 10px;
	margin-bottom:6px;
}

ul#fr{
	margin-left:-10px;
	margin-right:-15px;
	margin-top:5px;
	float:right;
}

ul#fr li{
	display:block;
	/*float:left;*/
	color: #fff;
	width:212px;
	margin-right:5px;
	font-style:normal;
	font-weight:bold;
	text-indent:10px;
	padding-bottom:10px;
}
ul#fr li span{
	padding-left:5px;
	font-size: 0.8em;
	font-style: italic;
	color: #fff;
}
ul#fr li a{
	display:block;
	width:212px;
	height:119px;
	position:relative;
}
ul#fr li a span{
	display:block;
	width:212px;
	height:119px;background:transparent url(images/box_right.gif) top left no-repeat;
	position:absolute;
	top:0px;
	left:0px;
}
ul#fr li a img{
	position:absolute;
	top:3px;
	left:3px;
	opacity: 0.9;
}
ul#fr li a:hover img{
	opacity: 1;
}
#frt{
	clear:both;
	font-style:italic;
	font-size: 0.8em;
	padding-top:3px;
	text-align:center;
}

.faq_count{
	display:none;
}
.faq_question{
	color: white;
	text-decoration:none;
	margin-bottom:5px;
}
.faq_question:hover{
	cursor:pointer;
	text-decoration:underline;
} 

.faq_question.active{
	color: #4f433c;
	cursor:pointer;
}

/* form */
.f td{
	padding-bottom: 8px;
}
.f td.fl{
	color: white;
	text-transform: uppercase;
	width: 60px;
}
.f td.fll{
	color: white;
}
.f input{
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid black;
}
.f textarea{
	background-color: #DADDCC;
	border: 0;
	width: 440px;
	height: 150px;
}
.fbutton input{
	border:none;
	margin: 1px;
	padding: 2px 5px;
	color: white;
	background-color: transparent;
	text-transform: uppercase;
	font-size: 0.8em;
}
.fbutton input:hover{
	/*border-style: solid;*/
	border: 1px outset #778e1d;
	margin: 0;

}
.fbutton input:active{
	border-style: inset;
}
.feedback{
	margin-bottom: 10px;
}

#news_list ul li{
	border: 0;
	margin-bottom:5px;
	padding-top:0px;
}
#news_list ul li a{
	font-size: 1em;
	color: white;
	text-decoration:none;
	text-transform: none;
}
#news_list ul li a:hover,#news_list ul li a:active, #news_list ul li.active a{
	color: #4f433c;
}

#product h4{
	color: white;
	background-color: #4f433c;
	padding: 1px 5px;
	font-size: 9px;
	text-transform: uppercase;
	margin-bottom: 10px;
	width: 150px;
}

#products_left{
	padding:5px 10px;
	background: transparent url(images/box_transparent.png) top left repeat;
	
}
#products_left ul li{
	margin-bottom: 10px;
}
#products_left ul li a div{
	text-transform: uppercase;
	font-size: 0.8em;
	margin-bottom: 1px;
	position: relative;
}

#products_left ul li a div img{
	/*margin:1px;*/
	height: 57px;
	width: 158px;
	opacity: 0.8;
}
#products_left ul li a div span{
	background: transparent url(images/box2_products.gif) top left no-repeat;
	display: block;
	height: 57px;
	width: 158px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#products_left ul li.active a div{
	
	color: white;
	font-weight:bold;
}
#products_left ul li a:hover div img{
	opacity: 1.0;
}

#products_left ul li a:hover div span{
	
}

#products_left ul li.active a div img{
	opacity: 1.0;
}

#products_left ul li.active a div span
{
	background: transparent url(images/box2_products.gif) 0px -57px no-repeat;
}

#product_gallery #pgl{
}

#pgl div.pg{
	position: absolute;
	top: 5px;
	right: 75px;
	display: none;
}
#pgl div.pg.active{
	display: block;
}


#pgl ul{
	list-style: none;	
}
#pgl ul li{
	float: left;
	margin-right: 5px;
}
#pgl ul li a{
	outline: none;
}
#pgl ul li a div.pgb{
	display: block;
	height: 10px;
	width: 10px;
	overflow: hidden;
	background-color: #C1BDBA;
	border: 1px solid #C1BDBA;
}
#pgl ul li a:hover div.pgb{
	/*background-color: #4f433c;*/
	border: 1px solid #4f433c;
}
#pgl ul li a.active div.pgb{
	background-color: #4f433c;
	border: 1px solid #4f433c;
}

#pgl ul li div.pgh{
	display: none;
}

#product_gallery #pgl div.pg{
	/*display: none;*/
}

#product_gallery #pga{
	position: absolute;
	top: 5px;
	right: 10px;
}
#pga a{
	width: 20px;
	height: 12px;
	background-image: url(images/gallery_controls.gif);
	background-repeat: no-repeat;
	float: left;
	outline: none;
}

#pga a span{
	display: none;
}

#pgap{
	background-position: 2px 0px;
}
#pgan{
	background-position: -80px 0px;
}

#pgar{
	background-position: -20px 0px;
}
#pgar.run{
	background-position: -61px 0px;
}
#pgar.run.pause{
	background-position: -40px 0px;
}
#pgar.run.pause:hover{
	background-position: -61px 0px;
}


#product_gallery #pgb{
	overflow: hidden;
}
#product_gallery #pgb #pgs{
	display: block;
	padding-right: 11px;
	float: left;
	width: 150px;
}
#product_gallery #pgb #pgs select{
	width: 150px;
	color: #778e1d;
	border: 1px solid #4f433c;
	margin-left: 3px;
}
#product_gallery #pgb #pgs select option{
	padding-left: 10px;
}

#product_gallery #pgb #pgh{
	display: block;
	background-color: #4f433c;
	float: left;
	color: white;
	height: 16px;
	padding-top: 3px;
	width: 608px;
	-webkit-border-radius-topleft: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-radius-topright: 3px;
	-moz-border-radius-topright: 3px;
}
#product_gallery #pgb #pgh span,
#product_gallery #pgb #pgh span a{
	color: white;
	font-size: 10px;	
}
#product_gallery #pgb #pgh span{
	padding: 0px 10px;
}


#pgi{
	position: relative;
	height: 380px;
	width: 770px;
	overflow: hidden;
	margin-top: 3px;
	margin-bottom: 5px;
}
#pgi span{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 769px;
	height: 379px;
	background: transparent url(images/box_products_big.gif) top left no-repeat;
	z-index: 12;
}

#pgi img{
	position: absolute;
	top: 0px;
	left: 0px;
    z-index:8;
}

.pgi IMG.active {
    z-index:10;
}

#pgi IMG.last-active {
    z-index:9;
}

.bottom_text{
	color: #4f433c;
	text-align: center;
}
.bottom_text img{
	vertical-align: middle;
}
/*#bottom_bar{
	border-top: 2px solid #4f433c;
	height: 1px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	margin-top: 5px;
}*/

#bottom_nav{
	margin-top:10px;
	text-align: center;
}

#bottom_nav ul li{
	display:inline
}
