/*--------------------------------------------------------------

# eShoptrix II - May 2008 (for Joomla 1.5)

# Copyright (C) 2007-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: white;

	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;

	text-align: left;

}

/* 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;

}

/* 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: #e7e7e7 url('../images/bg_page.jpg') no-repeat 0 0;

	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;

	line-height:1.6;

}

a {

	outline: none;

	cursor: pointer;

}

img {

	border: none;

	text-decoration: none;

}

a:link, a:visited, a:active {

	text-decoration: none;

	color: #004477;

}

a:hover {

	text-decoration: underline;

}

ul {

	padding: 0 0 0 2px;

	margin: 0;

	margin-left: 1px;

	list-style: none;

}

ul li {

	background: url('../images/arrow.png') no-repeat 0 4px;

	padding-left: 14px;

	line-height: 170%;

}

ul li a {

	text-decoration: none!important;

}

ul li a:hover {

	text-decoration: underline!important;

}

ol li {

	line-height: 170%;

}

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-right: 0;

	border-left: 0;

	border-bottom: 0;

	height: 1px;

	color: #eee;

	background-color: #eee;

}

.clearfix {

	clear: both;

}

.lf {

	float: left;

}

.rf {

	float: right;

}

/* Set the major blocks

--------------------------------------------------------------------------------*/

.page960 {

	width: 960px;

	clear: both;

	padding-left: 20px;

	position: relative;

}

.page980 {

	width: 980px;

	clear: both;

}

#top {

	height: 27px;

}

a.uperlink {

	text-transform:uppercase;

	text-decoration:none;

	font: bold 10px Arial, Helvetica, sans-serif;

	line-height: 27px;

	padding-left: 30px;

}

a:hover.uperlink {

	text-decoration:underline;

}

.icart {

	float: right;

	background: url('../images/icon_cart.png') no-repeat 0 60%;

}

.icart-active {

	float: right;

}

div#pagefull {

	width: 100%;

	clear: both;

}

div#menu {

	height: 47px;

	background: url('../images/bg_menu.png') repeat-x 0 0;

	margin-bottom: 25px;

}

div#header {

	background: #141414 url('../images/bg_header.png') repeat-y 0 0;

}

/* Here you can change width or height of your logo*/

a#logo {

	background: transparent url('../images/logo.png') no-repeat 0 0;

	width: 240px;

	height: 47px;

	display: block;

	float: left;

}

/*end*/

#showcart {

	width: 100%;

	z-index: 51;

	display: none;

}



#showcart .vmCartModule {

	margin: 20px 0 20px 20px;

	padding-bottom: 40px;

}



/* Search & Category Menu

-----------------------------------------------------------------------------------------------*/

div#tools {

	background: transparent url('../images/bg_tools.png') repeat-x 0 0;

	height: 70px;

	overflow: hidden;

	position: relative;

}

div#tools a {

	color: #666;

}

#bsearch {

	float: left;

	width: 234px;

}

#bcategory {

	float: left;

	width: 726px;

}

#bsearch_top, #bsearch_bottom {

	height: 35px;

}

#bsearch_bottom a {

	line-height: 35px;

}

.isearch {

	background: url('../images/icon_search.png') no-repeat 0 50%;

	padding-left: 29px!important;

	display: block;

}

#bsearch_top input.inputbox {

	border: 1px solid #fff;

	padding-left: 3px;

}

div.search {

	padding: 9px 0 0;

}

#advanced_search_form {

	display:none;

	position: absolute;

	top: 0;

	background: url('../images/bg_advanced_search.png') repeat-x 0 0;

	height: 70px;

	line-height: 75px;

	text-indent: 20px;

}

#advanced_search_form select, #advanced_search_form input {

	margin-right: 10px;

}

#advanced_search_form span {

	float: left;

}

#advanced_search_form span.isearch {

	background-position: 20px;

}

/* Breadcrumbs & Data

-----------------------------------------------------------------------------------------------*/

#datacrumbs {

	height: 27px;

}

#datas {

	float: right;

}

.breadcrumbs {

	float: left;

}

#datacrumbs, #datacrumbs a {

	font: bold 10px Arial, Helvetica, sans-serif;

	text-decoration:none;

	text-transform: uppercase;

	line-height: 27px;

	color: #666;

}

#datacrumbs a:hover {

	text-decoration:underline;

}

/* Mainbody - component section 

------------------------------------------------------------------------------------------------*/

#content_wrap {

	background: url('../images/bg_content.png');

	padding: 20px;

}

#mainbody {

	clear: both;

}

/* Set the block size

------------------------------------------------------------------------------------------------*/

#user_position-1 {

	width: 100%;

	overflow: hidden;

}

.users {

	overflow: hidden;

	float: left;

}

.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;

}

.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: 682px;

}

div#right {

	float: right;

	width: 238px;

	margin-left: 20px;

	background: #ababab url('../images/bg_right.png') repeat-x 0 0;

}

/* component + left */

div#component-3 {

	float: left;

	width: 753px;

}

div#left {

	float: left;

	width: 167px;

	margin: 0 20px 0 0;

}

#wrapcont-3 #left {

}

/* component + left + right */

div#component-1 {

	float: left;

	width: 495px;

}

div#mainbody {

	clear: both;

	margin-bottom: 20px;

	padding-top: 10px;

}

/*Modules

-------------------------------------------------------------------*/

div.moduletable {

	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;

	line-height:16px;

	margin:0 0 20px;

	background: url('../images/bg_content.png');

	padding: 10px;

	border: 1px solid #e7e7e7;

}

div.moduletable h3, div.moduletable-latestproduct h3 {

	font: bold 11px Arial, Helvetica, sans-serif;

	color: #588CB8;

	background: none;

	line-height: 20px;

	text-transform: uppercase;

	padding: 0;

	margin: 0 0 6px;

}

/*Restriction*/

div#right .moduletable {

	padding: 10px 10px 0;

	color: #fff;

	background: none;

	border: none;

}

div#right .moduletable h3 {

	background: none;

	padding: 0;

	color: #fff;

}

div#right a:link, #right a:visited {

	color: #fff;

	font-weight: bold;

}

div#left .moduletable h3 {

	border-bottom: 1px solid #e7e7e7;

	color: #588CB8;

}

#right input.button, #left input.button {

	margin-top: 8px;

}

/* Module HEADER (suffix: -header

--------------------------------------------------------------------------------*/

div.moduletable-header {

	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;

	line-height:16px;

	margin:0;

	background:none;

	padding: 0;

	border: none;

}

/* Module LATEST PRODUCT (suffix: -latestproduct

--------------------------------------------------------------------------------*/

div.moduletable-latestproduct {

	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;

	line-height:16px;

	margin:0 0 20px;

	background:none;

	padding: 0;

	border: none;

}

div.moduletable-latestproduct h3 {

	border-bottom: 1px solid #e7e7e7;

}

/* Footer



-------------------------------------------------------------------------------*/

.footer_wrap {

	border-top:4px solid #ddd;

}

div#footer {

	clear: both;

	padding: 0;

	font-size: 11px;

	margin:0 0 20px 20px;

	padding-top: 10px;

}

div#footer a {

	font-size: 11px;

	text-decoration: none;

}

div#links {

	float: left;

}

div#copyright, div#stylearea {

	float: right;

}

#stylearea {

	margin-left: 15px;

}

#st_icon-1, #st_icon-2, #st_icon-3 {

	width: 11px;

	height: 11px;

	display: block;

	float: left;

	padding:7px 0 0 3px;

}

#st_icon-1 {

	background: transparent url('../images/ic_1.png') no-repeat 0 50%;

}

#st_icon-2 {

	background: transparent url('../images/ic_2.png') no-repeat 0 50%;

}

#st_icon-3 {

	background: transparent url('../images/ic_3.png') no-repeat 0 50%;

}



#ie6{display:none;}

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

	VM Fixes

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

.vmCartDetails{
	float: left !important;
	width: auto !important;
}

.vmCartContainer{
	border: none !important;
	width: 100% !important;
	background: none !important;
}

.vmCartChild{
	border: none !important;
	width: auto !important;
}