/*--------------------------------------------------------------
# eShop.com - January 2009 (for Joomla 1.5)
# Dark theme version
# Copyright (C) 2009 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
---------------------------------------------------------------*/
/* ||| universal set of reset styles |||*/

html,body,div,span,applet,object,iframe,caption,del,dfn,em,font,ins,
kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,a,abbr,acronym,address,big,cite,code,dl,dt,dd,ol,ul,li,fieldset,form,label,
legend {vertical-align: baseline;
	font-size: 100%;
	outline: 0;	padding: 0;
	margin: 0;	border: 0;
}

:focus {outline: 0;}
html {	height: 100%;	margin-bottom: 1px;}
body {	margin: 0;padding: 0;font-size:100%;background: white;line-height: 1;color: black;}

ol,ul {list-style: none;}
ol li {	line-height: 150%;}
ul {	padding: 0 0 0 2px;	margin: 0;
	margin-left: 1px;list-style: none;}
ul li {
	padding-left: 14px;	line-height: 190%;}
ul li a { text-decoration: none!important;}
ul li a:hover {	text-decoration: underline!important;}

table {	border-collapse: separate;border-spacing: 0;}

#bg {	background: #1f1f1f url('../images/bg.png') repeat-x 0 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height:1.6;	color: #999;}

#page1002 {background: url('../images/bg_page.png') repeat-y 0 0;
	width: 1002px;padding:0;margin:0 auto;min-height: 540px;}

#page1002a {background: url('../images/bg_top.pn') no-repeat 0 0;}

.page970 {width: 970px;	margin: 0 auto;}

#bg_top {margin: 0 16px;}
#top {height: 85px;	margin: 0 21px;}
#logo {	height: 85px;	width:281px;
	display: block;	float: left; margin: 5px 21px;
        background: url('../images/style1/logo.png') no-repeat 0 0;}

#spot {}
a {	outline: none;	cursor: pointer;}
img {	border: none;	text-decoration: none;}
a:link,a:visited,a:active {text-decoration: none; font-size: 90%;}
a:hover {text-decoration: none;font-size: 90%;}

caption,th,td {	font-weight: normal;}
blockquote:before,blockquote:after,q:before,q:after {content: "";}
blockquote,q {	quotes: "" "";}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}
.clr {font-size : 1px;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear {clear: both;}


fieldset {	border: 0;padding: 5px 0;}
h1 {	font-size: 130%;}
h2 {	font-size: 130%;font-weight: normal;margin:2px 0 15px 0;}
h3 {	font-size: 130%;}
h4 {	font-size: 100%;}
h5 {	font-size: 120%;}
h6 {	font-size: 110%;}
th {	padding: 4px;	text-align: left;}
fieldset {border: none;}
fieldset a {	font-weight: bold;}
input,select,button {	font: normal 11px Tahoma, Arial, Verdana, sans-serif;}
.button {    color: #222!important;}
hr {	border-color:#f1f1f1;
	border-style:solid none none;
	border-width:1px 0 0;
	height:1px;
}
.clearfix {	clear: both;}
.lf {	float: left;}
.rf {	float: right;}
.inputbox,
.textarea,
select {
	background:#1f1f1f;
	border: 1px solid #111;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
}

p#trblock {
	margin: 29px 0 0;
	padding: 0;
	float: right;
	width: 146px;
	font: normal 10px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#trblock a:link,
#trblock a:visited {
	color: #878787;
	text-decoration:none;
}
#trblock a.first {
	border-right:1px solid #878787;
	margin-right: 6px;
	padding-right: 6px;
}

#advanced_search_form input.search,
.blogin input.button {
	background: url('../images/b_search.png') no-repeat 0 0;
	border: none!important;
	height: 17px;
	padding: 0;
	margin: 0;
	width: 59px;
	color: #fff;
}
.blogin input.button {
	background: url('../images/b_login.png') no-repeat 0 0;
}
#restofpage {
	clear: both;
	margin: 21px 37px 0;
}
/* Set the block size
------------------------------------------------------------------------------------------------*/
#user_position-1 {
	width: 100%;
	overflow: hidden;
}
.users {
	overflow: hidden;
	float: left;
}
.us_width-16 .users {
	width: 16%;
}
.us_width-19 .users {
	width: 20%;
}
.us_width-24 .users {
	width: 25%;
}
.us_width-33 .users {
	width: 33%;
}
.us_width-50 .users {
	width: 50%;
}
.us_width-100 .users {
	width: 100%;
}
#user_position-2 {
	width: 100%;
	overflow: hidden;
}
#user_position-3 {
	clear: both;
	overflow: hidden;
	background: #222 url('../images/moduletable_h3_shadow.png') repeat-x 0 0;
}
#user_position_3wrap {
	margin: 0 21px 21px;
}
.us_width-49 .users {
	width: 49%;
}
.us_width-99 .users {
	width: 100%;
}
div.spacer {
	width: 2%;
	float: left;
	height: 1px;
}
.us-stand {
	clear: both;
	width: 100%;
}
/* component */
div#component {	width: 100%;}

/* component + right */
div#component-2 {float: left;	width: 607px;}
div#right {
	float: right;
	width: 300px;
	margin-left: 21px;
}

/* component + left */
div#component-3 {
	float: left;
	width: 657px;
}
div#left {
	float: left;
	width: 160px;
	margin: 0 21px 0 0;
}
#content_wrap-3 #left {
	width: 250px;
}
/* component + left + right */
div#component-1 {
	float: left;
	width: 426px;
}
div#mainbody {
	clear: both;
	margin-bottom: 20px;
}

/*Modules
-------------------------------------------------------------------*/
div.moduletable,
div.moduletable_menu,
.moduletable_clear,
.moduletable_news {
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height:16px;
	margin:0 0 16px;
	padding: 0;
}
div.moduletable_content {
	background: url('../images/moduletable_h3_shadow.png') repeat-x 0 0;
	padding: 16px 20px 6px;
	border-left: 1px solid #333;
	border-right: 1px solid #222;
	border-bottom: 1px solid #222;
}
div.moduletable h3,
div.moduletable_menu h3,
div.moduletable_news h3 {
	background: url('../images/mod_def_h3_l.png') no-repeat 0 0;
	font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
}
div.moduletable h3,
div.moduletable_menu h3 {
	padding: 0;
	margin: 0;
}
div.moduletable h3 span,
div.moduletable_menu h3 span, 
div.moduletable_news h3 span{
	background: url('../images/mod_def_h3_r.png') no-repeat 100% 0;
	display:block;
	height:37px;
	line-height:37px;
	margin-left: 4px;
	padding-left: 16px;
}
div.moduletable h3 span strong,
div.moduletable_menu h3 span strong {
}
div.moduletable_content ul li {
}
.moduletable_clear div.moduletable_content,
.moduletable_news div.moduletable_content {
	padding: 0;
	background: none;
}
.moduletable_news div.moduletable_content {
	padding: 10px;
}

/* moduletable restriction */
#user_position-3 div.moduletable h3,
#user_position-3 div.moduletable_menu h3 {
	margin: 12px 8px 26px;
	background: none;
}
#user_position-3,
#user_position-3 a {
	color: #999;
}
#user_position-3 div.moduletable_content {
	padding-top: 43px;
}
div.moduletable_menu div.moduletable_content {
	padding: 2px 0 0;
}
div.moduletable_menu ul.menu {
	list-style: none;
	margin: 0;
	padding:0;
}
div.moduletable_menu ul.menu li {
	background: #222 url('../images/menu_li_bg.png') repeat-x 0 100%;
	margin: 0;
	padding: 0 0 0 21px;
}
div.moduletable_menu ul.menu li:hover {
	background:  url('../images/menu_li_h_bg.png') repeat-x 0 0;
}
div.moduletable_menu ul.menu li a {
	display: block;
	outline: none;
	padding: 5px 2px;
	color: #999;
	font-weight: bold;
	text-decoration:none!important;
}
div.moduletable_menu ul.menu li a:hover,
div.moduletable_menu ul.menu li:hover#current a {
	color:#fff;
}
div.moduletable_menu ul.menu li.active a {
}
div.moduletable_menu ul.menu li ul {
	list-style: none;
	margin: 0 0 0 -21px;
	padding: 0;
}
div.moduletable_menu ul.menu li li a {
	border: none;
	font-weight: normal !important;
	padding-left: 0 !important;
	color: #999!important;
}
div.moduletable_menu ul.menu li li a:hover,
div.moduletable_menu ul.menu li li a:active,
div.moduletable_menu ul.menu li li a:focus {
	color: #fff!important;
}
div.moduletable_menu ul.menu li li:last-child a {
	padding-bottom: 5px;
}

/* Footer */

#footer_wrap {
	background: url('../images/bg_footer.png') no-repeat 0 0;
	color: #333;
	clear: both;
	height: 58px;
	width: 1002px;
	line-height: 45px;
	font-size: 11px;
	margin: 0 auto;
}
div#footer_wrap a {
	color: #444;
}
#copyright {
	margin: 0 auto;
	width: 928px;
}
#copyright #infoo {
	margin: 0;
	float: left;
	width: 80%;
}
div#footer_wrap a {
	text-decoration: none;
}
#copyright #stylearea {
	position:relative;
	float: right;
	width: 15%;
}
#copyright #stylearea a:link,
#copyright #stylearea a:visited,
#copyright #stylearea a:active {
	color: #666;
}
#copyright #stylearea a:hover {
	color: #999;
}
.style_switcher {
	padding-right: 5px;
}