﻿/* resets */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
body {
	margin-top:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
    border:0;
}
html {
    -webkit-text-size-adjust:none;
    overflow-y:scroll;
}


/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility:hidden;
     display:block;
     font-size:0;
     content:" ";
     clear:both;
     height:0;
}
.clearfix { display:inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* close commented backslash hack */


/* general */
h1 { font:bold 15px Tahoma; color:#08509b; }
h2 { font:bold 13px Tahoma; color:#08509b; }
h3 { font:bold 12px Tahoma; color:#333; }
br { line-height:10px; }
hr { color:#969696; background-color:#969696; height:1px; border:0; }
a:link,
a:visited,
a:hover,
a:active { color:#08509b; text-decoration:none; }


/* body */
body {
    background:url(images/bg.gif) repeat-x #f0f0f0;
    font:12px Tahoma;
    color:#333;
    line-height:15px;
}

#body-container {
    width:800px;
    margin-left:auto;
    margin-right:auto;
    border-left:solid 1px #b4b4b4;
    border-right:solid 1px #b4b4b4;
    border-bottom:solid 1px #b4b4b4;
}


/* header */
#header {
    width:800px;
    margin-left:auto;
    margin-right:auto;
    border-left:solid 1px #787878;
    border-right:solid 1px #787878;
    background:#323232;
}

#logo {
    width:680px;
    float:left;
}

#number-left {
    width:24px;
    padding-top:25px;
    float:left;
    font-size:11px;
    color:#fff;
}

#number-right {
    padding-top:25px;
    float:left;
    font-size:11px;
    color:#fff;
}

#navigation {
    width:800px;
    margin-left:auto;
    margin-right:auto;
    border-left:solid 1px #b4b4b4;
    border-right:solid 1px #b4b4b4;
    border-top:solid 1px #fff;
    border-bottom:solid 1px #bebebe;
    background:url(images/bar.gif) repeat-x;
}

#navigation ul {
    list-style-type:none;
    float:right;
}

#navigation ul li {
    float:right;
}

#navigation ul li a {
    width:100px;
    display:block;
    text-align:center;
    padding:4px 0 5px 0;
    font-size:12px;
    background:url(images/bar.gif) repeat-x;
    border-left:1px solid #fff;
}

#navigation ul li a:hover {
    color:#000;
}


/* content */
#content {
    width:740px;
    margin-left:auto;
    margin-right:auto;
    border-left:solid 1px #b4b4b4;
    border-right:solid 1px #b4b4b4;
    border-bottom:solid 1px #b4b4b4;
    padding:15px 30px 20px 30px;
	background:#fff;
}

#welcome-container {
    border:solid 1px #bebebe;
}

#welcome-header {
    margin:1pt;
    padding:2px 15px 3px 15px;
	background:#f0f0f0;
}

#welcome-content {
    padding:5px 15px 10px 15px;
    text-align:justify;
}

#address {
    width:240px;
    padding:10px 0;
	background:#fff;
    float:left;
}

#map {
    width:500px;
    height:320px;
	background:#fff;
    float:left;
}

#products-container {
    text-align:justify;
}

#products-subcat-left {
    width:410px;
    float:left;
}

#products-subcat-right {
    float:left;
}

#product-categories {
    padding:3px;
    background:#f5f5f5;
    border:solid 1px #dcdcdc;
    text-align:center;
}

#product-categories li {
    display:inline;
}

#product-categories li a {
    padding:8px;
}

#product-categories li a:hover {
    color:#000;
}


/* footer */
#footer {
    width:800px;
    margin:5px auto;
    font-size:11px;
    text-align:center;
}


/* grid */
.alt-row {
    background:#f5f5f5;
}

#product-list {
    width:738px;
    border-left:solid 1px #dcdcdc;
    border-right:solid 1px #dcdcdc;
    border-bottom:solid 1px #dcdcdc;
}

#product-header-code {
    width:80px;
    float:left;
    padding:2px 5px;
    background:#f5f5f5;
    font-weight:bold;
    border-top:solid 1px #dcdcdc;
    border-right:solid 1px #dcdcdc;
}

#product-header-name {
    width:392px;
    float:left;
    padding:2px 5px;
    background:#f5f5f5;
    font-weight:bold;
    border-top:solid 1px #dcdcdc;
    border-right:solid 1px #dcdcdc;
}

#product-header-grade {
    width:234px;
    float:left;
    padding:2px 5px;
    background:#f5f5f5;
    font-weight:bold;
    border-top:solid 1px #dcdcdc;
}

#product-code {
    width:80px;
    float:left;
    padding:1px 5px;
    border-top:solid 1px #dcdcdc;
    border-right:solid 1px #dcdcdc;
}

#product-name {
    width:392px;
    float:left;
    padding:1px 5px;
    border-top:solid 1px #dcdcdc;
    border-right:solid 1px #dcdcdc;
}

#product-grade {
    width:234px;
    float:left;
    padding:1px 5px;
    border-top:solid 1px #dcdcdc;
}

#detail-header {
    width:110px;
    float:left;
    font-weight:bold;
}

#detail-header li {
    padding:2px 0;
}

#detail-item {
    float:left;
}

#detail-item li {
    padding:2px 0;
}

#size-list {
    width:322px;
    border-left:solid 1px #dcdcdc;
    border-right:solid 1px #dcdcdc;
    border-bottom:solid 1px #dcdcdc;
}

#size-header-code {
    width:60px;
    float:left;
    padding:2px 5px;
    background:#f5f5f5;
    font-weight:bold;
    border-top:solid 1px #dcdcdc;
    border-right:solid 1px #dcdcdc;
}

#size-header-size {
    width:90px;
    float:left;
    padding:2px 5px;
    background:#f5f5f5;
    font-weight:bold;
    border-top:solid 1px #dcdcdc;
    border-right:solid 1px #dcdcdc;
}

#size-header-price {
    width:140px;
    float:left;
    padding:2px 5px;
    background:#f5f5f5;
    font-weight:bold;
    border-top:solid 1px #dcdcdc;
}

/*
#size-header-addtocart {
    width:120px;
    float:left;
    padding:2px 5px;
    background:#f5f5f5;
    font-weight:bold;
    border-top:solid 1px #dcdcdc;
}
*/

#size-code {
    width:60px;
    float:left;
    padding:1px 5px;
    border-top:solid 1px #dcdcdc;
    border-right:solid 1px #dcdcdc;
}

#size-size {
    width:90px;
    float:left;
    padding:1px 5px;
    border-top:solid 1px #dcdcdc;
    border-right:solid 1px #dcdcdc;
}

#size-price {
    width:140px;
    float:left;
    padding:1px 5px;
    border-top:solid 1px #dcdcdc;
}

/*

#size-addtocart {
    width:120px;
    float:left;
    padding:1px 5px;
    border-top:solid 1px #dcdcdc;
}
*/

#spec-list {
    width:738px;
    border-left:solid 1px #dcdcdc;
    border-right:solid 1px #dcdcdc;
    border-top:solid 1px #dcdcdc;
}

#spec-header-test {
    width:580px;
    padding:5px;
    background:#f5f5f5;
    font-weight:bold;
    border-bottom:solid 1px #dcdcdc;
}

#spec-header-spec {
    width:137px;
    padding:5px;
    background:#f5f5f5;
    font-weight:bold;
    border-bottom:solid 1px #dcdcdc;
}

#spec-test {
    width:580px;
    line-height:18px;
    vertical-align:top;
    padding:3px 5px;
    border-bottom:solid 1px #dcdcdc;
}

#spec-spec {
    width:137px;
    line-height:18px;
    vertical-align:top;
    padding:3px 5px;
    border-bottom:solid 1px #dcdcdc;
}

