/* @group tags */
body {
margin:0;
padding:0;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #336666;
background:#fff;
text-align: center;
}
h1, h2, h3, h4, h5, h6, p {
margin:0;
padding:0;
font-size: 10px;
}
a img, map {
border:none;
}
a {
color: #033;
}
a:hover {
color: #7b8a8d;
}
a img {
text-decoration: none;
}
ul {
margin:0;
padding:10px;
}
li {
}
ol.alpha {
list-style-type: lower-latin;
}
table {
margin:0;
padding:0;
border-collapse: collapse;
}
hr {
display:none;
}
form {
margin:0;
padding:0;
}
input, textarea, select {
color: #366;
border: 1px solid #ccc;
padding: 2px;
font-size: 10px;
}
input:focus, textarea:focus, select:focus {
border: 1px solid #666;
}
.noBrd {
border: none;
}
option {
padding:0;
margin:0;
}
textarea, select {
font-size: 100%;
font-family: inherit;
}
button {
background: #dfdfdf;
font-size: 100%;
font-family: inherit;
color: #366;
cursor:pointer;
border-top: 1px solid #bdbdbd;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
border-left: 1px solid #ccc;
margin: 0 5px 0 0;
padding: 1px 5px 1px 5px;
}
button:hover {
background: #fff;
}

/* @end */

/* @group mains */
#container {
width: 930px;
margin: 0 auto 0 auto;
text-align: left;
}
#header {
background: transparent url(../images/bg-header.gif) repeat-x top left;
min-height: 82px;
height: auto !important;
height: 82px;
border-bottom: 1px solid #666;
margin: 0 0 0 0;
}
#header #logo {
float: left;
}
/* @group navigator */
#navigator {
margin: 0;
padding: 4px 0 4px 0;
text-align: center;
border-left: 1px solid #666;
border-right: 1px solid #666;
border-bottom: 1px solid #366;
}
#navigator li {
margin: 0;
padding: 0 45px 0 45px;
display: inline;
list-style-type: none;
font-size: 11px;
border-left: 1px solid #366;
font-weight: bold;
}
#navigator li.first {
border-left: none;
}
#navigator li a {
color: #366;
text-decoration: none;
}
#navigator li a:hover {
color: #699;
}
/* @end */
#breadcumb {
margin: 0 0 5px 0;
padding: 5px 0 5px 0;
font-weight: bold;
background: #fff;
border-bottom: 1px solid #a4bebd;
}
#breadcumb .mainBread {
color: #033;
}
#breadcumb .level {
color: #999;
padding: 0 0 0 15px;
}
#breadcumb .separator {
color: #999;
padding: 0 0 0 15px;
}
#col {
width: 236px;
float: left;
}
/* @group menu */
.menuTipeA, .menuTipeB, .menuTipeC, .menuTipeD {
margin: 0;
padding: 0;
list-style-type: none;
}
.menuTipeA li, .menuTipeB li, .menuTipeC li, .menuTipeD li {
line-height: 1px;
}
.menuTipeA li a {
color: #fff;
padding: 17px 0 17px 5px;
display: block;
border-bottom: 1px solid #fff;
font-weight: bold;
text-decoration: none;
}
.menuTipeA li a.color1 {
background: transparent url(../images/bg-menuTipeA-color1.gif) repeat-x top left;
}
.menuTipeA li a.color2 {
background: transparent url(../images/bg-menuTipeA-color2.gif) repeat-x top left;
}
.menuTipeA li a.color3 {
background: transparent url(../images/bg-menuTipeA-color3.gif) repeat-x top left;
}
.menuTipeB {
border-bottom: 2px solid #fff;
}
.menuTipeB li a {
color: #066;
padding: 17px 0 17px 5px;
display: block;
border-bottom: 1px solid #86a4a9;
font-weight: bold;
text-decoration: none;
}
.menuTipeC  {
border-bottom: 2px solid #fff;
}
.menuTipeC li a {
color: #012c33;
padding: 17px 0 17px 5px;
display: block;
font-weight: bold;
text-decoration: none;
background: #c7e7de;
}

.menuTipeD {
padding: 0 0 3px 0;
border-bottom: 1px solid #6c8a8d;
margin: 0 0 3px 0;
}

.menuTipeD li a {
padding: 17px 0 17px 5px;
display: block;
font-weight: bold;
text-decoration: none;
}
.menuTipeD li a.color1 {
color: #012c33;
background: #c7e7de;
}
.menuTipeD li a.color2 {
color: #96a8ab;
background: #e0fdf5;
}
/* @end */
/* @group searchbox */
.searchBox {
background: transparent url(../images/bg-searchbox.gif) repeat-x top left;
margin: 0 0 5px 0;
}
.searchBox table {
width: 230px;
}
.searchBox table td {
vertical-align: bottom;
}
.searchBox p {
padding: 2px 5px 3px 5px;
}
.searchBox .radioFld {
margin: 0;
padding: 0;
vertical-align: middle;
}
.searchBox .textFld {
width: 176px;
}
.searchBox .colorsPick {
width: 180px;
}
.searchBox .squareColor {
display: block;
float: left;
padding: 3px !important;
padding: 1px;
border: 1px solid #ccc;
margin: 0 0 2px 2px;
}
/* @end */
#main {
background: transparent url(../images/bg-main.gif) repeat-y 241px 0px;
padding: 5px 0 0 0;
}
#content {
float: right;
width: 660px;
padding: 0 0 15px 0;
}
#footer {
padding: 10px 0 20px 0;
width: 930px;
border-top: 1px solid #ccc;
}
/* @group boxes */
.boxHomeMono {
width: 660px;
float: left;
}
.boxHomeBis {
width: 440px;
padding: 0 5px 0 0;
float: left;
}
.boxHomeTris {
width: 220px;
float: left;
}

.box2col {
width: 325px; 
padding: 0 5px 0 0;
float: left;
}
.box3col {
width: 215px;
padding: 0 5px 0 0;
float: left;
}
.box2colAs {
width: 435px;
padding: 0 5px 0 0;
float: left;
}
/* @end */

/* @group products */
.itemProduct {
width: 160px;/*width: 215px;*/
padding: 0 5px 30px 0;
float: left;
height:270px;
}
.itemProduct .photo {
width: 140px;/*width: 190px;*/
float: left;
}

.itemProduct .data {
float: left;
width: 140px;/*width: 205px;*/
background: #f1f7fa;
padding: 5px 0 5px 5px;
}
.itemProduct .actions {
float: left;
text-align: right;
width: 140px;/*width: 210px;*/
padding: 10px 0 0 0;
}
.itemProduct .actions .detail {
padding: 0 10px 0 13px;
background: transparent url(../images/bg-icon-detail.gif) no-repeat center left;
}
.itemProduct .actions .cart {
padding: 0 0 0 13px;
background: transparent url(../images/bg-icon-cart.gif) no-repeat center left;
}

.detailProduct {
width: 660px;
padding: 0 5px 30px 0;
float: left;
}
.detailProduct .gal {
width: 160px;/*width: 200px;*/
float: left;
}
.detailProduct .photo {

}
.detailProduct .thumbs a {
text-decoration: none;
}
.detailProduct .thumbs a img {
margin: 5px 5px 5px 0;
border: 1px solid #366;
}
.detailProduct .data {
float: right;
width: 470px;/*width: 430px;*/
}
.detailProduct .summary {
font-size: 14px;
margin: 0 0 15px 0;
}

.detailProduct .options {
padding: 10px 0 15px 0;
}

.detailProduct .actions {
float: right;
width: 430px;
padding: 10px 0 0 0;
text-align: right;
font-size: 12px;
}
.detailProduct .actions .cart {
padding: 0 0 0 13px;
background: transparent url(../images/bg-icon-cart.gif) no-repeat center left;
}
.detailProduct .models {
text-align: right;
padding: 50px 0 0 0;
}
.detailProduct .models a {
text-decoration: none;
}
.detailProduct .models a img {
margin: 5px 5px 5px 0;
border: 1px solid #e1e1e1;
text-decoration: none;
}

.paginate {
margin: 40px 0 0 0;
text-align: right;
}
.paginate a {
text-decoration: none;
color: #012c33;
font-weight: bold;
}
.paginate a:hover {
color: #666;
text-decoration: underline;
}

/* @end */
/* @group login register */
.formLog {
margin: 15px 0 0 0;
width: 175px;
}
.formReg{
margin: 15px 0 0 20px;
width: 350px;
border-left: 1px dashed #ccc;
padding: 0 0 0 50px;
}
.formContact{
margin: 15px 0 0 0;
width: 660px;
padding: 0 0 0 0;
}

.formLog td, .formReg td, .formContact td {
padding: 0 0 5px 0;
}
.formLog th, .formReg th, .formContact th, .formCart th {
padding: 0 5px 0 0;
}
.formLog button, .formReg button, .formContact button, .formCart button {
margin: 15px 10px 0 0;
}

.formCart {
margin: 15px 0 0 0;
width: 660px;
}
.formCart table {
width: 100%;
}
.formCart th {
background: #919191;
color: #fff;
padding: 2px 5px 2px 5px;
}
.formCart td {
padding: 5px;
}
.formCart .total {
font-size: 14px;
}
/* @end */

/* @group seo */
.topSeo {
	
}
.descSeo {
padding: 15px 0 15px 0;
}
.footSeo {
padding: 0px 0 5px 0;
}
/* @end */



/* @end */

.close {
clear: both;
}
.toLeft {
float: left;
padding: 0 10px 5px 0;
}
.toRight {
float: right;
padding: 0 0 5px 10px;
}
.toTop {
vertical-align: top;
}
.noBrd {
border: none;
}
