/* ||| 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 {
    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 (&quot;) from <q> &amp; <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
    content: & quot;
    & quot;;
}

blockquote, q {
    quotes: & quot;
    & quot;
    & quot;
    & quot;;
}

/* ||| the end |||*/
/* ||| set of clearing floats |||*/
.clearfix:after {
    content: & quot;
. & quot;;
    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: none;
    *#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: underline;
    color: #004477;
}

a:hover {
    text-decoration: underline;
}

ul {
    padding: 0 0 0 2px;
    margin: 0;
    margin-left: 1px;
    list-style: none;
}

.moduletable ul li {
    background: url('images/arrow.png') no-repeat left centre;
    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: 980px;
    clear: both;
    position: relative;
}

.page980 {
    width: 980px;
    clear: both;
}

#top {
    height: 15px;
}

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: 15px;
}

/* Here you can change width or height of your logo*/
a#logo, img#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 &amp; 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;
}

#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 &amp; 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 {
    overflow: hidden;
    ovebackground: url('images/bg_content.png'); /*padding: 0 20px 20px 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: 70%;
}

/* component */
div#component {
    width: 100%;
}

/* component + right */
div#component-2 {
    float: left;
    width: 100%;
}

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 {
    width: 100%;
    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 : 4 px 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;
}

<
/
blockquote > <

/
q >