/*CSS STYLESHEET COPYRIGHT (C) 2009 Darrell Penta ==================================================
--This stylesheet and the code herein is private property , jointly owned by Darrell Penta 
(the Developer of said stylesheet) and Paul Messier (the Purchaser of said stylesheet); anything
contained in this document cannot be copied, changed, reproduced, distributed, and/or altered in any
way from its original form without written approval from the owners. 

--This stylesheet is considered  intellectual property and is protected by applicable laws within
the United States of America and elsewhere. 

--The copyright notice must be untouched and may never be removed from this stylesheet. 

--Please see copyright notice below for additional information regarding the "Drop-Down-Menu" (C)Stuart Nicholls.

--For questions and or comments about this stylesheet, contact darrell (at) darrellpenta (dot) com.

--For general information about CSS, please visit cssplay(dot) co (dot) uk and consider making a dontation.

================================================================== */

* html {
overflow: hidden;
}
    
body {
font-family:verdana, arial, helvetica, sans-serif; 
font-size:76%; 
color:#ddd; 
padding:0; 
border:0; 
margin:0; 
background:#000; 
text-align:center;
}

a:hover {
text-decoration:none;
}

#wrapper {
width:925px; 
height: 658px; 
background: url(../images/product_back.gif) no-repeat center top; 
margin:10px auto; 
text-align:left;
}

#header {
width:925px; 
height:74px; 
float:left; 
background:#000; 
position:relative; 
border-bottom:1px solid #000;
}

#midlink {
position:absolute;
top:5px;
left:0;
width: 922px;
}

#showcase {
clear:both;
width:925px;
background:transparent;
height:auto;
}

#info {
background:#fff;
width:922px; 
float:left;
}

#content {
width:925px; 
float:left; 
padding: 10px;
}

#left_column {
width:925px; 
height: 500px;  
position: relative; 
top: 0px; 
left: 0px; 
z-index: 100; 
padding:0px; 
margin:0px
}

* html #left_column {
width:925px;
w\idth:925px;
}

#foot {
clear:both;
width:100%;
height:25px;
background:#000; 
color:#fff; 
font-size:0.85em; 
border: 4px 0px 0px 0px solid #fff; 
border-top: 4px solid #fff; 
}

#foot p {
font-size:1em; 
color:#fff; 
margin:5px 10px 5px 15px; 
float:left;
}

#foot ul {
list-style-type:none; 
margin:0; 
padding:0; 
float:right; 
margin-right:15px;
}

#foot ul li {
float:left; 
margin:5px 0 5px 10px;
}

#foot a {
color: #fff !important;
text-decoration: none;
}
 
#foot a:hover {
color: #fff;
text-decoration: underline;
}

 #logo {
 width: 179px;
 height: 120px;
 margin: 0px;
 padding: 0px;
 position: absolute;
 top: 7px;
 z-index: 777;
}
 
* html #logo {
width: 179px;
height: 120px;
}

#logo a, #logo a:hover, * html #logo a, * html logo a:hover, #logo img, # logo img a, #logo img a:hover, * html #logo img a, * html #logo img a:hover {
text-decoration: none;
margin: 0px;
padding: 0px;
} 

#content p {
font-size:0.9em; 
line-height:16px; 
margin:5px 0 8px 0;
}

#content img {
border:0;
}

.left {
float:left;
}

.float_left {
float:left; 
margin:0 10px 5px 0;
}


.clear {
clear:both;
}

.hiddenfromview {
display:none;
}

.bold {
font-weight:bold;
}

.italic {
font-style: italic;
}

.image img {border:0; margin-left:5px;}

pre {font-size:0.8em; color:#006699;}

#centerbox, * html #centerbox {
width: 370px;
height: 430px;
padding: 5px;
margin: 0px;
position: relative;
top: -20px;
left: 490px;
border: 1px solid #fff;
border-style: double;
/*filter: alpha(opacity=74); 
opacity:0.74;*/
background-image: url(../images/transback_orange.png);
background-repeat: repeat;
z-index: 888;
}

#pagetitle {
width: 325px;
height: 3px;
padding: 0px;
margin: 0px 0px 0px 0px;
border-bottom: 2px solid #000;
text-align: center;
font-family:verdana, arial, helvetica, sans-serif; 
font-size:1.2em;
color: #F6E5D3;
font-weight: 900;
position: relative;
left: 5%;
z-index: 998;
}

#blacklines {
width: 275px;
height: 370px;
padding: 0px;
margin: 0px;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
position: absolute;
left: 58%;
top: 1%;
z-index: 998;
}

#centertext {
width:325px;
height: 306px;
padding: 8px 10px 20px 10px;
margin: 0px;
text-align: center;
background: none;
position: absolute;
left: 5%;
top: 10%;
z-index: 999;
overflow: auto;
}

#centertext p {
font-family: verdana, arial, helvetica, sans-serif;
color: #000;
font-size: .9em;
padding: 0px;
margin: 0px;
}

#bottomline {
width: 325px;
height: 10px;
padding: 0px;
margin: 1px 0px 0px 0px;
border-top: 2px solid #000;
position: relative;
top: 399px;
left: 5%;
z-index: 998;
}


/* DROP-DOWN-MENU-WITH-COPYRIGHT================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/anywidth-dropline-all-center.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menushell {
width: 42%; 
height:60px; 
padding: 0px; 
margin: 0px; 
background: url(../images/menushell.gif) repeat-x; 
border:0px solid #df8b2e; 
border-width:0px; 
position: relative; 
top: -35px;  
left: -2px; 
z-index: 550;
}

#menu {
height:58px; 
background:url(../images/select.gif); 
text-align:center; 
position: relative; 
top: -37px;  
z-index: 300;
 }

#menu ul {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
}
 
#menu ul {
display:inline-block;
}
 
#menu li {
display:inline-block; 
display:inline;
}

#menu ul.level1 div {
position:absolute; 
left:-9999px; 
z-index: 100;
}

#menu ul.level1 {
margin:0 auto 0 345px;
}


#menu ul.level1 li.level1-li {
float:left; 
display:block; 
position:relative; 
padding-top:2px;
}

/*UL for Sub-menu on Main Hover*/
#menu ul li div ul {
padding: 11px 5px 0px 5px;
background:url(../images/trans.gif);
}


/*Top Level Nav Buttons*/
#menu a.level1-a {
display:block;
height:28px; 
font:bold 16px verdana,arial,sans-serif; 
color:#000; 
line-height:21px; 
text-decoration:none;
padding:2px 15px 2px 15px; 
text-align:center;
}
/*Hover for Top Level Nav*/
#menu li a.fly_active {
background:url(../images/active.gif) repeat center bottom; 
height: 28px;
}
  
#menu li a:hover, #menu li a.fly:hover {
white-space:nowrap; 
color:#7a7a7a; 
padding:2px 15px 2px 15px;
background:url(../images/active.gif) repeat center bottom; 
height: 28px;
}
 
 
#menu li:hover > a, #menu ul li:hover > a.fly {
white-space:nowrap; 
color:#7a7a7a; 
padding:2px 15px 2px 15px;
background: url(../images/active.gif) repeat center bottom; 
height: 28px;
}

#menu ul.level1 li.level1-li a.level1-a {
float:left;
} 

/*---------------------*/
/*Div for Sub-Menu */
#menu ul li:hover div {
left:0px;
top:28px;
padding:1px;
margin: 1px;
background: url(../images/trans.gif);
width: 100%;
} 


#menu ul li:hover div ul {
position:relative;
left:-30%;
height: 18px;
padding:5px 8px 5px 8px;
line-height: 16px;
margin:0;
list-style:none;
background: #F6E5D3;} 


/*Display of items in Submenu*/
#menu ul li div ul li a {
display:inline-block; 
font: normal 11px verdana,arial,sans-serif; 
color:#000; 
text-decoration:none; 
padding:0px 2px 0px 2px;
margin:0px;
background: #F6E5D3;}

#menu a:hover div {
left:0px;
top:0px;
position: absolute;
background: #F6E5D3;}

#menu a:hover div ul {
position:relative; 
left:-50%; 
/*padding-top:6px;*/
background: #FF3300;}

#menu li:hover div ul li {
display:inline-block;
}
 
/*Hpover Properties for items in Sub menu*/
#menu ul :hover div ul li a:hover {
position:relative; 
text-decoration:none; 
color:#7D7D7D;
margin:0;
padding: 0px 2px 0px 2px;
height: 20px;
background: #F6E5D3;}

#menu ul :hover div ul li:hover > a {
position:relative; 
text-decoration:none; 
padding: 0px 2px 0px 2px;
color:#7D7D7D;
height: 20px;
background: #F6E5D3;}

#menu a:hover div ul li a.sub {
margin-right:4px;
background: #fff;}

#menu li a.fly {
background:url(../images/topdown.gif) no-repeat center bottom;
}
 
 
#menu ul li div ul li a:hover {
color:#363636;
}
 
#menu ul :hover div ul div {
left:-9999px;
} 

#menu ul :hover div ul li:hover {
position:relative;
} 

#menu ul :hover div ul li a.drop {
background: #F6E5D3;} 

#menu ul :hover div ul :hover div {
left:10%; 
top:20px;
}


#menu ul :hover div ul :hover div ul {
left:-32%; 
height: auto;
white-space: normal;
width: 175px;
padding: 2px 8px 2px 8px; 
background:#F6E5D3; 
border:1px solid #F6E5D3; 
text-align:left;
 /*filter: alpha(opacity=80); opacity:0.8*/
 }

#menu ul :hover div ul :hover div ul li {
display:block; 
height:auto; 
width: 168px;
padding: 0px 2px 4px 2px;
line-height:15px; 
text-align:center;
}

#menu ul :hover div ul :hover div ul li a {
height:auto;
position:static;
line-height:15px;
white-space: normal;
color:#000;
width: 168px;
padding:0px 2px 2px 2px;
}
 
#menu ul a:hover div ul a:hover div ul li a {
margin-left:-16px;
}
 
#menu ul :hover div ul :hover div ul li a:hover {
color:#363636; 
background:transparent; 
border:0; 
padding:0px 2px 2px 2px;
}
 
#menu table {
position:absolute;
top:0; 
height:0; 
width:0; 
left:50%; 
border-collapse:collapse;
}
 
#menu a:hover table a:hover table {
left:50%; 
width:0; 
height:20px; 
top:0; 
margin-left:-1px;
}
 
#menu ul :hover div ul :hover div ul li:hover a {
background:transparent; 
border:0;
}