@charset "utf-8";
/* CSS Document */

/* -------------------------------------------------- */
/* metaltop-gold */
/* -------------------------------------------------- */
#metaltop-gold {
	clear:left;
	float:left;
	padding:0;
	background:#CBC396 url(images/metaltop-gold.gif) top repeat-x;
	border-bottom:1px solid #7E7567;
	width:100%;
	border-top:4px solid #000;
	overflow:hidden;
	font-family:Verdana, sans-serif;
}
#metaltop-gold ul {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	left:50%;
	text-align:center;
}
#metaltop-gold ul li {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	right:50%;
}
#metaltop-gold ul li.first {
	border-left:1px solid #7E7567;
}
#metaltop-gold ul li.last {
	border-right:1px solid #ECE9D8;
}
#metaltop-gold ul li a {
	display:block;
	float:left;
	margin:0;
	padding:20px 10px 6px 10px;
	border-left:1px solid #ECE9D8;
	border-right:1px solid #7E7567;
	text-decoration:none;
	color:#7D6A46;
	font-size:.8em;
	font-weight:bold;
	text-transform:uppercase;
	line-height:1.3em;
}
#metaltop-gold ul li a:hover {
	color:#000;
	background-color:#ECE9D8;
	border-left:1px solid #fff;
	padding-top:18px;
	padding-bottom:8px;
}
#metaltop-gold ul li.active a,
#metaltop-gold ul li.active a:hover {
	color:#fff;
	background:#000;
	border-left:1px solid #000;
	padding-top:18px;
	padding-bottom:8px;
}
	
div.contentbox{
    background: #F7F7F7;
    border: 1px dotted #ccc;
    padding: 6px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft: 5px;
	}

img.dogear{
    position: relative;
    top: -7px;
    right: -7px;
    float: right;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.ddoverlap{
border-bottom: 1px solid #CCC;
/*border-right: 1px solid #CCC;*/
border-left: 1px solid #CCC; 
}

.ddoverlap ul{
padding: 0;
margin: 0;
font: bold 90% default;
list-style-type: none;
}

.ddoverlap li{
display: inline;
margin: 0;
}

.ddoverlap li a{
padding: 3px 7px;
text-decoration: none;
padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/
color: blue;
background: transparent url(images/righttabdefault.gif) 100% 1px no-repeat; /*give illusion of shifting 1px down vertically*/
border-left: 1px solid #dbdbd5;
position: relative;
display: block;
float: left;
margin-left: -20px; /*shift tabs 20px to the left so they overlap*/
left: 20px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
}

.ddoverlap li a:visited{
color: blue;
}

.ddoverlap li a:hover{
text-decoration: underline;
}

.ddoverlap li.selected a{ /*selected tab style*/
color: black;
z-index: 100; /*higher z-index so selected tab is topmost*/
top: 1px; /*Shift tab 1px down so the border beneath it is covered*/
background: transparent url(images/righttabselected.gif) 100% 0 no-repeat;
}

.ddoverlap li.selected a:hover{
text-decoration: none;
}

.tab_content {border:solid 1px #CCC; background-color:#FFF; border-top: none; padding:5px;}

.footer_text {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
}

a.button{
background-image: -moz-linear-gradient(top, #ffffff, #dbdbdb);
background-image: -webkit-gradient(linear,left top,left bottom,
    color-stop(0, #ffffff),color-stop(1, #dbdbdb));
filter: progid:DXImageTransform.Microsoft.gradient
    (startColorStr='#ffffff', EndColorStr='#dbdbdb');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient
    (startColorStr='#ffffff', EndColorStr='#dbdbdb')";
border: 1px solid #fff;
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
border-radius: 13px;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
padding: 1px 5px;
text-decoration: none;
text-shadow: #fff 0 1px 0;
float: left;
margin-right: 5px;
margin-bottom: 1px;
display: block;
color: #597390;
line-height: 20px;
font-size: 12px;
font-weight: bold;
cursor:pointer;
}

a:hover.button{
color:#000;
}

.login{
background:url(images/login.png) no-repeat 1px ;
text-indent:25px;
display:block;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
}

.logout{
background:url(images/logout.png) no-repeat 1px ;
text-indent:25px;
display:block;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
}


.shopping_cart{
background:url(images/shopping_cart.png) no-repeat 1px ;
text-indent:25px;
display:block;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
}

.users{
background:url(images/users.png) no-repeat 1px ;
text-indent:25px;
display:block;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
}

.article{
background:url(images/article.png) no-repeat 1px ;
text-indent:25px;
display:block;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
}


a.button.selected {text-decoration:underline;}

textarea.formatted_textarea {
	background-color:#EFEBDE;
	color:#0B0B0B;
	border:#C3BCA4 1px solid;
	height:66px;
	font:normal 14px/20px Arial,Helvetica,sans-serif;
	cursor:pointer;
	-moz-border-radius:3px;
}

input.formatted_input {
	background-color:#EFEBDE;
	color:#0B0B0B;
	border:#C3BCA4 1px solid;
	height:21px;
	font:normal 14px/20px Arial,Helvetica,sans-serif;
	cursor:pointer;
	-moz-border-radius:3px;
}

h2.text3 {
	color:#0B0B0B;
	padding:0 0 3px 1px;
	width:auto;
	height:10px; 
	font:normal 24px/30px Arial,Helvetica,sans-serif;
}

h2.text3 span {
	background-color:#FFF;
	color:#A60101;
	font:normal 24px/30px Arial,Helvetica,sans-serif; 
}

td.copyright {font-family:Tahoma, Geneva, sans-serif ; font-size:12px; color:#FFF; font-weight:bold;}

/*--------------tab menu----------*/

#ts_tabmenu {
	font-size: .75em; 
	padding: 10px 0px 0px 20px; 
	border:solid 1px;
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom-color:#CCC;
	height:24px;
}

#ts_tabmenu ul {

	line-height: 1em; 
	margin: 0px;
	list-style-type: none; 
	float: left; 
	padding: 0px 0px 0px 5px;

}

#ts_tabmenu ul li {

	float: left; 
}

#ts_tabmenu ul li a {

	text-decoration: none;
	display: block; 
	float: left; 
	padding: 0px 0px 0px 10px;  
	background: url(images/tabs.gif) no-repeat left top;  
	margin-left: -5px; 
	z-index: 0; 
	position: relative; 
	color: #666666;  
	

}

#ts_tabmenu ul li a strong {

	font-weight: normal;  
	display: block;  
	float: left;   
	background: url(images/tabs.gif) no-repeat right top; 
	padding: 6px 10px 7px 5px; 
	cursor: pointer; 
}

#ts_tabmenu ul li a:hover {

	position: relative; 
	z-index: 100; 
	background: url(images/tabs.gif) no-repeat left bottom;  
	color: #000000;   

}

#ts_tabmenu ul li a:hover strong {

	background-image: url(images/tabs.gif) no-repeat;  
	position: relative; 
	z-index: 100; 
	background-position: right bottom; 

}

#tsmenu1 #li_tsmenu1 a, #tsmenu2 #li_tsmenu2 a, 
#tsmenu3 #li_tsmenu3 a, #tsmenu4 #li_tsmenu4 a, 
#tsmenu5 #li_tsmenu5 a, #tsmenu6 #li_tsmenu6 a, 
#tsmenu7 #li_tsmenu7 a, #tsmenu8 #li_tsmenu8 a,
#tsmenu9 #li_tsmenu9 a, #tsmenu10 #li_tsmenu10 a,
#tsmenu11 #li_tsmenu11 a, #tsmenu12 #li_tsmenu12 a,
#tsmenu13 #li_tsmenu13 a, #tsmenu14 #li_tsmenu14 a
{
	position: relative;
	z-index: 100; 
	background: url(images/tabs.gif) no-repeat left bottom;  
	color: #000000;
	

}

#tsmenu1 #li_tsmenu1 a strong, #tsmenu2 #li_tsmenu2 a strong, 
#tsmenu3 #li_tsmenu3 a strong, #tsmenu4 #li_tsmenu4 a strong, 
#tsmenu5 #li_tsmenu5 a strong, #tsmenu6 #li_tsmenu6 a strong, 
#tsmenu7 #li_tsmenu7 a strong, #tsmenu8 #li_tsmenu8 a strong ,
#tsmenu9 #li_tsmenu9 a strong, #tsmenu10 #li_tsmenu10 a strong ,
#tsmenu11 #li_tsmenu11 a strong, #tsmenu12 #li_tsmenu12 a strong ,
#tsmenu13 #li_tsmenu13 a strong, #tsmenu14 #li_tsmenu14 a strong
{	

	background-image: url(images/tabs.gif) no-repeat;  
	position: relative; 
	z-index: 100; 
	background-position: right bottom; 

}