/*
Copyright: Darren Hester 2006, http://www.designsbydarren.com
License: Released Under the "Creative Commons License", 
http://creativecommons.org/licenses/by-nc/2.5/
*/

.fhead  { font-size: 12px; color: #0000bb; font-weight: bold}
.fheadsub   { font-size: 12px; color: #333333; font-weight: normal}

body {
	margin-top:30px;
	margin-bottom:30px;
	color:#6A6969;
	background-attachment: fixed;
	background-color: #656868;
	background-image: url(../img/bgsilver.jpg);
	background-position: center center;
	/*border-top-style: groove;
	border-right-style: groove;
	border-bottom-style: groove;
	border-left-style: groove;
	border-top-color: #FF9900;
	border-right-color: #FF9900;
	border-bottom-color: #FF9900;
	border-left-color: #FF9900;*/
}

p.blackleft {

font-family: verdana, helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;  
  color: #FF3300;
	
}

A:link {
	COLOR: #000099; text-decoration:underline
}
A:visited {
	COLOR: #000099; text-decoration: underline;
}
A:active {
	COLOR: #000099; text-decoration: underline;
}
A:hover {
	COLOR: #FF6600; text-decoration: underline;
}

label,input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}
input.news {
	display: block;
	width: 130px;
	float: left;
	margin-bottom: 5px;
}

input.check {
	width: 15px;
	margin-left: 50px;
}

label.check {
	position:relative; 
	text-align:left;
	width: 300px;
	padding-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
}

label em {
	position: absolute;
	left: 50px;
	color:#FF0000;
	top: 334px;
}

#form {
   padding-top:20px;
}

input,textarea {
	color: #000;
	border: 2px outset #d7b9c9;
	margin-bottom:10px;
}

#submit
{
border: 2px outset #FF0000;
 margin-left: 7em;
 margin-top:1.5em;
font-family: verdana, helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;  
  color: #000000;
 }

label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
	color: #000033;
}

br {
	clear: left;
}

#page_wrapper {
	background: #000033 url('../img/page_bg.jpg') top left;
	width: 980px;
	border: 4px solid #229BA5;
	margin-left: auto; 
    margin-right: auto;
}

#page_header {
  height: 184px;
  background: #3FBDE3 url('../img/header_dark.jpg') top right no-repeat;
}  

#page_header h1 {
  padding-top:30px;
  padding-left: 20px;
  font-family: verdana, helvetica, sans-serif;
  font-size:26px;
  font-weight:bold;  
  color: #009999;
  letter-spacing: -1px;
  margin:0px;
  filter: Shadow(Color=#000000, Direction=135, Strength=50);
}
#page_header h2 {
  padding-top:0px;
  padding-left: 20px;
  font-family: verdana, helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;  
  color: #E2D179;
  margin:0px;  
}

#menu_bar {
  height:30px;
  background: #A5A162 url('../img/menu_bg.jpg') top left no-repeat;
}

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
margin-top:5px;
background-color: transparent;
color: #000033;
float: left;
width: 100%;
font-family: verdana, helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: transparent;
color: #000033;
text-decoration: underline;
float: left;
border-right: 1px solid #BBB774;
}

#navcantainer a.orng
{
color: #FF3300
}

#navcontainer ul li a:hover
{
background-color: transparent;
color: #fff;
}

#navcontainer ul li a.current {
	padding: 0.2em 1em;
	background-color: transparent;
	color:#000033;
	text-decoration: underline;
	float: left;
	border-right: 1px solid #BBB774;
		border-left: 1px solid #BBB774;
		border-top: 1px solid #BBB774;
		border-bottom: 1px solid #BBB774;
}


#content_wrapper {
  background: transparent url('../img/content_bg.jpg') top left no-repeat;
}

#left_side {
  float:left;
  width:800px;
}

#form {
float:left;
width:800px;
padding-left:20px;
}

#prod_left {
float:left;
width:400px;
}
#prod_right {
float:right;
width:385px;
}


#list_wrapper {
  float:left;
  width:inherit;
}

#left_column {
float:left;
width:394px;
padding-left:10px;
}

#middle_column {
float:none;
width:2px;
}

#right_column {
float:right;
width:394px;
}

#left_side h1 {
  padding-top:15px;
  padding-left: 20px;
  padding-bottom: 10px;
  font-family: verdana, helvetica, sans-serif;
  font-size:18px;
  font-weight:bolder;  
  color: #000000;
  letter-spacing: -1px;
}

#left_side a.orng
{
color: #FF3300
}

#left_side h4.error
{
color: #FF0000;
}

#left_side a:HOVER.orng
{
background-color: transparent;
color: #000033;
}

#left_side h1.melinda {
  padding-top:15px;
  padding-left: 20px;
  font-family: verdana, helvetica, sans-serif;
  font-size:18px;
  font-weight:bold;  
  color: #000000;
  letter-spacing: -1px;
  margin:0px;
}


#left_side h2 {
	font-family: verdana, helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color: #000099;
	letter-spacing: -1px;
	margin-top:14px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#left_side h2.column_head {
	font-family: verdana, helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color: #000099;
	letter-spacing: -1px;
	margin:auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align:center;
}

#left_side h3 {
	margin-right:15px;
	font-family: verdana;
	font-size:15px;
	font-weight: bolder;
	line-height:18px;
	color: #333333;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}

#left_side h3.orng {
  margin:10px;
  margin-right:15px;
  font-family: verdana;
  font-size:15px;
  font-weight: bolder;
  line-height:18px;
  color: #D0813E;
}


#left_side h4 {
	margin:10px;
	font-family: verdana;
	font-size:12px;
	font-weight: bold;
	line-height:20px;
	color: #000033;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
}
  
#left_side p {
  margin:10px;
  margin-right:15px;
  font-family: verdana;
  font-size:12px;
  line-height:18px;
  color: #6a6a6a;
}

#left_side p.pspacer {
	margin:2px;
	clear:both;
	
}
#left_side p.pcenterred {
  margin:10px;
  margin-right:15px;
  font-family: verdana;
  font-size:17px;
  line-height:18px;
  color: #FF0000;
}

#left_side p.p_bold_blue {
	margin:10px;
  margin-right:15px;
  font-family: verdana;
  font-size:15px;
  line-height:18px;
 	color: #0000FF;
}

#left_side p.bxblue {
	width:500px;
	margin:0px auto;
	text-align:center;
	padding:15px;
	border:1px medium #333;
	background-color:#eee;
 	color: #0000ff;
}

#left_side p.pblack {
  margin:5px;
  margin-right:15px;
  font-family: verdana;
  font-size:15px;
  line-height:18px;
  color: #6a6a6a;
    font-weight:bold;
  }
  
#left_side p.pblack-strong {
  margin:10px;
  margin-right:15px;
  font-family: verdana;
  font-size:15px;
  line-height:18px;
  color: #000000;
  font-weight:bold;
  }
  
 #left_side p.pblack-strong-ind {
  margin-right:15px;
  margin-left:25px;
  font-family: verdana;
  font-size:15px;
  color: #000000;
  font-weight:bold;
  }
#left_side p.p_box_click {
	border:double 1px #FF0000;
	background:#CCCCCC url(../img/icons/16-star-hot.png) 5px 6px no-repeat;
	color:#000000;
	margin-left:150px;
	margin-right:160px;
	padding:4px;
	text-align:center;
	font-size:14px;
}

#left_side p.p_box_click2 {
	border:double 1px #FF0000;
	background:#CCCCCC url(../img/icons/16-star-hot.png) 5px 6px no-repeat;
	color:#000000;
	margin-left:100px;
	margin-right:90px;
	padding:4px;
	text-align:center;
	font-size:14px;
}

#left_side p.p_box_click3 {
	border:double 1px #FF0000;
	background:#CCCCCC url(../img/icons/16-star-hot.png) 5px 6px no-repeat;
	color:#000000;
	margin-left:60px;
	margin-right:60px;
	padding:4px;
	text-align:center;
	font-size:14px;
	}

#left_side p.p_box_general {
	border:double 3px #000000;
	background:#CCCCCC;
	color:#000000;
	margin-left:240px;
	margin-right:240px;
	padding:4px;
	text-align:center;
	line-height:26px;
	font-size:14px;
}

#left_side ul
{
	background-color: transparent;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	margin: 0;
	padding-top: 7px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 40px;
}

#left_side ul.ul_black
{
	background-color: transparent;
	color: #333333;
	font-family: verdana, helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	margin-left:20px;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 40px;
}

#left_side ol
{
	background-color: transparent;
	color: #666666;
	font-family: verdana, helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	margin: 0;
	padding-top: 7px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 40px;
	font-weight:bold;
	
}

#left_side li
{
	list-style-type:circle;
	padding-bottom: 10px;
}

#left_side li.li_black
{
	list-style-type:circle;
	padding-bottom: 0px;
	margin-left:20px;
	font-weight:bold;
	color:#000000;
}

#left_side ul.centered
{
	background-color: transparent;
	color: #000033;
	font-family: verdana, helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	margin-left: 300px;
	padding-top: 25px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 40px;
}

#left_side label.products {
               display:block;
               width:10em;
               float:right;}
                     
#left_side input.products {
               display:block;
               float:left;
			   padding:0;
			   width:15px; height:15px
			   }




#right_side {
  float:right;
  width:150px;
}
  
#right_side h3 {
  margin-right:10px;
  margin-bottom: 5px;
  font-family: verdana;
  font-size:12px;
  font-weight: bold;
  line-height:16px;
  color: #FCF8E3;
  background: #595A38;
  padding:4px;
  border:1px solid #3A3B22;
}
  
#right_side p {
  margin:5px;
  margin-bottom:15px;
  padding-right:10px;
  font-family: verdana;
  font-size:11px;
  line-height:16px;
  color: #6A6A6A;
}

#rightnav
{
padding-left: 0;
margin-left: 0;
/* border-bottom: 1px solid gray;*/
}


#rightnav li
{
	list-style: none;
	margin: 0;
	padding: 0.25em;
    border-top: 1px solid gray;
}

#rightnav li:submenu
{
	list-style: none;
	margin: 0;
	padding: 0.25em;
	padding-left:5px;
}

#rightnav li a { text-decoration: underline; }

#rightnav li a:hover {
background-color: transparent;
color: #fff;
}

#page_footer {
	height: 70px;
	background: #515230 url('../img/footer.jpg') top left no-repeat;
}  

#page_footer A:link {
	COLOR: #F2C968; text-decoration: underline; font-size:12px;
}
#page_footer A:visited {
	COLOR: #F2C968; text-decoration: underline; font-size:12px;
}
#page_footer A:active {
	COLOR: #F2C968; text-decoration: underline; font-size:12px;
}
#page_footer A:hover {
	COLOR: #F2C968; text-decoration: underline; font-size:12px;
}

#page_footer p {
	text-align:center;
	padding-top:20px;
	font-family: verdana;
	font-size:11px;
	line-height:16px;
	color: #FCF8E3;
	margin: auto;
}

.spacer {
  margin:0px;padding:10px;height:10px;clear:both;
}





.spacer A:link {
	COLOR: #000033; text-decoration: underline;
}
.spacer A:visited {
	COLOR: #000033; text-decoration: underline;
}
.spacer A:active {
	COLOR: #000033; text-decoration: underline;
}
.spacer A:hover {
	COLOR: #999999; text-decoration: underline;
}


/* ****************************************************************************/


#menu {
width: 9em;
background: #99C1C0;
}

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

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
/*background: #000;*/
text-transform: uppercase;
}

#menu a {
color: #000033;
background: #99C1C0;
text-decoration: underline;
}

#menu a:hover {
color: #FF3300;
background: #99C1C0;
}

#menu li {
position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
right: 100%;
width: 100%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/*</style>
[if IE]>
<style type="text/css" media="screen">
 #menu ul li {float: left; width: 100%;}
</style>
<![endif]
[if lt IE 7]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
} 
#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
} 
*/