/*--------------------------------------------------------------
# eShoptrix II - May 2008 (for Joomla 1.5)
# Recoded version - Dec 2008
# Copyright (C) 2008 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;
}
/* remember to define focus styles! */

:focus {
   outline: 0;
}
body {
   background: #e9e9e9;
   line-height: 1;
   color: black;
}
ol,
ul {
   list-style: none;
}
/* tables still need cellspacing="0" in the markup */

table {
   border-collapse: separate;
   border-spacing: 0;
}
caption,
th,
td {
   font-weight: normal;
}
/* remove possible quote marks (") from <q> & <blockquote> */

blockquote:before,
blockquote:after,
q:before,
q:after {
   content: "";
}
blockquote,
q {
   quotes: "" "";
}
/* ||| the end |||*/
/* ||| set of clearing floats |||*/ 

.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
.clearfix {
   display: inline-block;
}
.clr {
   font-size : 1px;
}
/* Hides from IE-mac \*/

* html .clearfix {
   height: 1%;
}
.clearfix {
   display: block;
}
.clear {
   clear: both;
}
/* End hide from IE-mac */
/* ||| the end |||*/



html {
   height: 100%;
   margin-bottom: 1px;
}
body {
   margin: 0;
   padding: 0;
   font-size:100%;
}
#bg {
   background: #e6e6e6 url('../images/bg.png') repeat-x 0 0;
   font: normal 12px Arial, Helvetica, sans-serif;
   line-height:1.6;
   color: #666;
}
#spot {
}
a {
   outline: none;
   cursor: pointer;
}
img {
   border: none;
   text-decoration: none;
}
a:link,
a:visited,
a:active {
   text-decoration: none;
   color: #588CB8;
}
a:hover {
   text-decoration: underline;
   color: #666;
}
ul {
   padding: 0 0 0 2px;
   margin: 0;
   margin-left: 1px;
   list-style: none;
}
ul li {
   background: url('../images/arrow.png') no-repeat 0 6px;
   padding-left: 14px;
   line-height: 190%;
}
ul li a {
   text-decoration: none!important;
}
ul li a:hover {
   text-decoration: underline!important;
}
ol li {
   line-height: 190%;
}
fieldset {
   border: 0;
   padding: 5px 0;
}
h1 {
   font-size: 200%;
}
h2 {
   font-size: 210%;
   font-weight: normal;
   margin:2px 0 15px 0;
}
h3 {
   font-size: 145%;
}
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;
}
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 {
   border: 1px solid #eee;
   border-right: 1px solid #f6f6f6;
   border-bottom: 1px solid #f6f6f6;
}
/* Set the major blocks
--------------------------------------------------------------------------------*/

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

#hiddenarea1 {
   display: none;
   width: 400px;
}
#hiddenarea2 {
   display: none;
   width: 400px;
}
#hiddenarea_wrap1,
#hiddenarea_wrap2 {
   padding: 21px;
   background: #73ab00;
   border: 1px solid #b5d93a;
   filter:alpha(opacity=93);
   opacity: 0.93;
   -moz-opacity:0.93;
   color: #fff;
   font-weight: bold;
}
#hiddenarea_wrap1 a,
#hiddenarea_wrap2 a {
   color: #fff;
   font-weight: bold;
}
#close_button1,
#close_button2 {
   background: url('../images/icon_close.png') no-repeat 100% 0;
   width: 17px;
   height: 17px;
   position: absolute;
   right: 10px;
   cursor:pointer;
}
#hiddenarea1 h3,
#hiddenarea2 h3 {
   background: url('../images/show_cart_top.png') no-repeat 0 0;
   height: 17px;
   position: relative;
   font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
   padding: 11px 0 9px 20px;
   margin: 0;
   color: #fff;
}
.scart_visible {
   position: absolute;
   top: 35px;
   z-index: 200;
}
.login_visible {
   position: absolute;
   top: 50px;
   z-index: 250;
}
#bg_top {
   margin: 0 16px;
}
#top {
   height: 95px;
   margin: 0 21px;
}
#logo {
   background: url('../images/logo.png') no-repeat 0 0;
   height: 85px;
   width:240px;
   display: block;
   float: left;
}
#topbanner {
   padding:12px 0;
   float: left;
     height: 85px;
}
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;
}
a:link#scart,
a:visited#scart {
   background: url('../images/icon_bag.png') no-repeat 100% 50%;
   color: #ed9204;
   display: block;
   padding: 6px 5px 3px 0;
}
a:hover#scart {
   color: #666;
}
/* suckerfish menu */
#horiz-menu {
   background: url('../images/bg_menu.png') repeat-x 0 0;
}
#horiz-menu1 {
   background: url('../images/bg_menu.png') repeat-x 0 0;
}
#horiz-menu2 {
   background: url('../images/bg_menu.png') repeat-x 0 0;
}
/* advanced search form */
#advanced_search_form {
   clear: both;
   background: url('../images/bg_advsearch.png') repeat-x 0 0;
   height: 35px;
   line-height: 35px;
   padding: 0 21px;
}
#advanced_search_form span {
   background: url('../images/icon_serch.png') no-repeat 0 0;
   padding: 0 20px 0 30px;
   float: left;
}
#advanced_search_form input,
#advanced_search_form select {
   margin-right:10px;
   padding: 3px 2px;
   color: #999;
}
#advanced_search_form input:focus,
#advanced_search_form select:focus {
   border: 1px solid #8fc400;
   color: #ed9204;
}
#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;
   color: #ed9204;
}
#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: #fdfdfd 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 {
   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;
}
div.moduletable h3,
div.moduletable_menu h3 {
   background: url('../images/mod_def_h3_l.png') no-repeat 0 0;
   font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
   padding: 0;
   margin: 0;
   color: #588CB8;
}
div.moduletable h3 span,
div.moduletable_menu 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 {
   color: #ed9204;
}
div.moduletable_content ul li {
}
.moduletable_clear div.moduletable_content {
   padding: 0;
   background: none;
}
/* moduletable restriction */
#user_position-3 div.moduletable h3,
#user_position-3 div.moduletable_menu h3 {
   margin: 12px 8px 26px;
   background: none;
   color: #999;
}
#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 6px;
}
div.moduletable_menu ul.menu {
   list-style: none;
   margin: 0;
   padding:0;
}
div.moduletable_menu ul.menu li {
   background: #fbfbfb 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;
}
/* tabs */

/* Login module*/
.loginposition_l {
   width: 50%;
   float: left;
   border-right: 1px solid #b5d93a;
}
.loginposition_r {
   width: 48%;
   float: right;
}
.loginposition_r li {
   margin-left: 14px!important;
}
.loginposition_l li {
   float: left;
   background: none;
   padding: 0 16px 0 0;
}
.loginposition_l li.inputbox {
   padding: 3px 2px;
}
.blogin {
   margin-top: 10px;
}
/* Footer */

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

div.style1 {display:block; width:1px; height:1px; overflow:hidden; float:left;cursor:default;}
div.style2 {position:absolute; left:-100%; top:-100%;cursor:default;}