/*--------------------------
VODE LIGHTING STYLESHEET
VALID CSS 2.0
COPYRIGHT 2009 WILDFIREWEB
CREATED: 111809bt
Modified: 120309bt
---------------------------*/

@import url(/css/wildfirecommon.css);
@import url(/templates/vode2/css/slatesblogs.css);

body{
font-size: 62.5%;
margin: 0;
padding: 0;
background: #fff;
font-family: Arial, Verdana, sans-serif;
}

a {
color: #666;
text-decoration: none;
font-weight: bold;
}

a:visited {
color: #666;
}

a:hover {
color: #111;
}

.adminlinks {
display: block;
position: relative;
padding: 4px 20px;
font-size: 12px;
background: #fe622b url(/home/wfw/images/adminlinks_w.jpg) left no-repeat;
color: #eee;
text-align: center;
}

.adminlinks a{
color: #fff;
font-size: 12px;
text-decoration: none;
}

.adminlinks a:visited{
color: #fff;
}


.adminlinks a:hover{
color: #fff;
text-decoration: underline;
}


#wrapper{
display: block;
position: relative;
width: 1050px;
font-size: 12px;
margin: 0 0 0 35px;
padding: 0;
background: #fff;
}

p.clearboth{
clear: both;
}

#container{
display: block;
position: relative;
float: left;
margin: 0;
border: 0;
padding: 0;
width: 1050px;
background: #fff;
}

#wrapper a:hover{
color: #333;
}

/* NAVIGATION */

#nav{
display: block;
position: relative;
float: left;
margin: 0;
padding: 33px 0 0 0;
width: 208px;
color: #808080;
background-color: #fff;
z-index: 10;
}

/* multilevel dropdown menus */

#dropnav {
position: relative;
display: block;
float: left;
width: 105px;
margin: 0;
padding: 0;
list-style: none;
z-index: 10;
}

#dropnav li.level_1{
display: block;
position: relative;
float: left;
font-size:12px;
font-weight: bold;
width: 90px;
margin: 0;
padding: 0;
list-style: none;
text-align: left;
}

#dropnav li.level_1 a, #dropnav li.level_1 span.editable{
display: block;
position: relative;
width: 90px;
color:#888;
text-decoration: none;
padding: 4px 0 4px 6px;
margin: 0;
}

#dropnav li.selected_tab a, #dropnav li.selected_tab span.editable {
color: #444;
background: #fff;
padding-left: 6px;
}

#dropnav li.over_1 a:hover {
color: #fff;
background: #f89021;
padding-left: 6px;
}

#dropnav li.over_1 a{
display: block; 
color: #fff;
background: #f89021;
z-index: 10;
}

/* level 2 */

#dropnav li.level_1 ul {
display:none;
list-style:none;
position: absolute;
width: 210px;
top:0px;
left:90px;
margin: 0;
padding: 0;
background-color:#f89021;
z-index: 15;
}

html>body #dropnav li.level_1 ul {
width: auto;
min-width: 230px;
} 

#dropnav li.level_1:hover ul, #dropnav li.over_1 ul {
display: block; 
z-index: 15;
}

#dropnav li.level_2 {
position:relative;	
display:block;
_width:230px;
margin:0;
padding:0;
list-style:none;
text-align: left;
background: transparent;
border: none;
}

#dropnav li.level_2 a, #dropnav li.level_2 span.editable {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff!important;
font-weight:bold;
display:block;
width: 218px;
padding: 2px 6px 0 6px;
text-decoration:none;
border:none;
line-height:22px;
height:22px;
background: transparent;
}

#dropnav li.level_1 ul li.level_2 a:hover  {
background:#eee;
color:#333!important;
z-index: 15;
padding-left: 6px;
}


#dropnav li.level_1 ul li.over_2 {
z-index:15;
}

/* third level */

#dropnav li.level_1 ul li.level_2 ul {
position: relative;
display:block;
list-style:none;
width: 205px;
height: auto;
top:0px;
left:20px;
margin: 0;
padding: 0;
text-align: left;
white-space: nowrap;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:2px solid #ccc;
border-bottom:2px solid #ccc;
border: 0;
z-index: 20;
}

html>body #dropnav li.level_2 ul {
width: auto;
min-width: 210px;
} 

#dropnav li.level_1 ul li.level_2:hover ul, #dropnav li.level_1 ul li.over_2 ul {
display: block; 
z-index:20;
}

#dropnav li.level_3 {
display:block;
position:relative;	
float:none;
_width:210px;
height:25px;
margin:0;
padding:0;
list-style:none;
text-align: left;
background: transparent;
border: none;
z-index:20;
}

#dropnav li.level_3 a, #dropnav li.level_3 span.editable {
display:block;
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff!important;
font-weight:bold;
width: 195px;
padding: 0 6px 0 6px;
text-decoration:none;
border:none;
line-height:25px;
height:25px;
background: transparent;
z-index:20;
}

#dropnav li.level_1 ul li.level_2 ul li.level_3:hover, #dropnav li.level_1 ul li.level_2 ul li.level_3 a:hover, #dropnav li.level_1 ul li.level_2 ul li.over_3 {
background: #eee; 
color:#333!important;
z-index:20;
}

/* End Drop Down Menu */

/* CONTENT */

#breadcrumbs{
display: block;
clear: both;
font-size:10px;
color: #888;
font-weight: normal;
margin: 4px 0 0 208px;
padding: 0;
position: relative;
z-index: 3;
clear: both;
}

#breadcrumbs a{
text-decoration: none;
color: #666;
}

#breadcrumbs a:hover{
color: #111;
}

#breadcrumbs span{
text-decoration: none;
color: #f78f20;
}

#breadcrumbs span a{
text-decoration: none;
color: #f78f20;
}

#breadcrumbs span a:hover{
text-decoration: none;
color: #f78f20;
}

#vode_code {
display: block
position: relative;
width: 120px;
height: 44px;
margin-left: 4px;
line-height: 22px;
font-size: 11px;
background: #fff url(/templates/vode2/images/vode_code.gif) no-repeat top right; 
}

#vode_code .vode_code_input{
position: relative;
top: 1px;
left: 3px;
border: 0;
width: 90px;
height: 14px;
font-size: 11px;
color: #999;
}

#vode_code .vode_code_submit{
position: relative;
top: 5px;
left: 8px;
width: 20px;
height: 20px;
border: none;
color: transparent;
background: transparent;
cursor: pointer;
cursor: hand;
}

#vode_code_list {
position: absolute;
margin-top: -23px;
margin-left: 4px;
padding: 3px;
display: none;
overflow: hidden;
background-color: #fff;
font-size: 11px;
font-weight: normal;
width: 195px;
border: 1px solid #ccc;
border-top: 2px solid #ccc;
z-index: 100;
}

#vode_code_list a{
font-weight: normal;
color: #666;
text-decoration: none;
}

#vode_code_list a:visited{
color: #666;
}

#vode_code_list a:hover{
color: #f78f20;
text-decoration: underline;
}

#content{
display: block;
position: relative;
border: none;
margin: 0;
padding: 0;
width: 800px;
color: #888;
overflow: hidden; 
}

#gallerycontent{
display: block;
position: relative;
border: none;
margin:0;
padding: 0;
width: 800px;
color: #888;
overflow: hidden; 
}

#homecontent{
display: block;
position: relative;
border: 1px solid #fff;
/* margin:150px 0 0 0; */
margin:33px 0 0 0;
padding: 0;
width: 600px;
color: #888;
overflow: hidden;
float: left;
font-size:12px;
}

#homecontent_2{
display: block;
position: relative;
border: 1px solid #fff;
margin: 33px 0 0 0;
padding: 0;
width: 800px;
color: #888;
overflow: hidden;
float: left;
font-size:12px;
}

#singlearea_content {
display: block;
position: relative;
border: none;
margin: 32px 0 0 0;
padding: 0;
width: 800px;
color: #888;
overflow: hidden; 
}

#productcontent{
display: block;
position: relative;
margin: 0;
padding: 0;
width: 800px;
background: transparent;
color: #666;
border: none;
overflow: hidden;
}

#productcontent_lower{
margin: 0 0 0 78px;
}

#productcontent table img{
border: 1px solid #ccc;
}

#productbox {
display: block;
position: relative;
padding: 0 0 0 0;
margin-top: 31px;
width: 98%;
height: 155px;
border: 1px solid #fff;
overflow: hidden;
}

#productbox td{
padding-right: 10px;
}

#configurator{
border: 1px solid #fff;
margin: 20px 0 0 0;
padding: 0;
position: relative;
width: 800px;
background: transparent;
color: #888;
overflow: hidden;
}


/* FOOTER */

#footer{
padding: 0;
color: #999;
font-size: 10px;
text-align: center;
width: 800px;
}

#footer a{
color: #999;
}

#footer a:hover{
color: #f90;
}


#gallerysubcontent{
position: relative;
z-index: 99;
top: -40px;
}