body {
font:12px/16px Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
background:transparent url(../styleImages/img/bg-wrapper-2.jpg) repeat scroll 0 0;
color:#28313C;
margin:0;
}

h1 {
margin:0;
}

a {
color:#54BA54;
text-decoration:none;
}

img {
display:block;
border:0;
}

form,fieldset {
border:0;
margin:0;
padding:0;
}

#page {
width:950px;
overflow:hidden;
background-color:#fff;
border-left:5px solid #0C0A09;
border-right:5px solid #0C0A09;
border-bottom:5px solid #0C0A09;
margin:0 auto;
padding:0 5px 20px;
}

#header {
width:100%;
height:100px;
overflow:hidden;
background:transparent url(../styleImages/img/header.jpg) repeat scroll 0 0;
}

#header h1 a {
background:transparent url(../styleImages/img/logo.gif) no-repeat scroll 0 0;
display:block;
font-size:0;
height:77px;
overflow:hidden;
text-indent:-9999px;
width:340px;
float:left;
margin:13px 0 0 5px;
}
.call {
float:right;
margin:0 0 -25px;
padding:3px;
}

#main {
width:100%;
float:left;
margin:20px 0 0;
padding:0 0 21px;
}

#sidebar {
width:192px;
float:left;
}

#sidebar div.search,#ContentBox div.search {
width:100%;
overflow:hidden;
padding:6px 0 5px;
}

input.textbox,input.text {
float:left;
height:14px;
font:9px Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#54BA54;
background:#f0f0f0;
border:1px solid #ccc;
width:145px;
padding:4px;
}

textarea.textarea {
float:left;
font:9px Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#54BA54;
background:#f0f0f0;
border:1px solid #ccc;
width:200px;
padding:4px;
}

a.submit,#content div.register a.txtButton,input.submit {
border:0;
height:24px;
cursor:pointer;
font:9px Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#fff;
float:left;
background:#54BA54;
padding:0 10px 2px;
}

a.submit {
line-height:20px;
padding-top:2px;
margin:5px 0 0;
}

a.submit:hover {
color:#fff;
}

#sidebar div.search input.text {
margin:0 1px 0 7px;
}

#sidebar div.search input.submit {
width:29px;
padding-left:0;
padding-right:0;
}

#sidebar div.box {
width:100%;
overflow:hidden;
margin:12px 0 0;
}

#sidebar div.title {
width:100%;
overflow:hidden;
height:42px;
background:url(../styleImages/img/bg-sidebar-title.gif) no-repeat 0 0;
}

#sidebar h2 {
font-size:0;
line-height:0;
height:14px;
margin:15px 0 0 20px;
}

#sidebar h2.categories {
width:102px;
background-position:0 -55px;
}

#sidebar ul.nav-categories {
width:174px;
overflow:hidden;
list-style:none;
margin:16px 0 0;
padding:0 9px;
}

#sidebar ul.nav-categories li {
width:100%;
overflow:hidden;
background:url(../styleImages/img/bg-categories.gif) repeat-x 0 0;
margin:-1px 0 0;
padding:1px 0 3px;
}

#sidebar ul.nav-categories li span {
display:block;
line-height:13px;
}

#sidebar ul.nav-categories li a {
color:#54BA54;
display:block;
text-decoration:none;
padding:7px 0 7px 7px;
}

#sidebar ul.nav-categories li.active ul {
display:block;
color:#54BA54;
}

#sidebar ul.nav-categories ul {
display:none;
width:100%;
list-style:none;
margin:0 0 -3px;
padding:0;
}

#sidebar ul.nav-categories ul span {
padding-left:15px;
background:url(../styleImages/img/bg-categories-list.gif) no-repeat 10px 50%;
}

#content {
float:right;
width:750px;
margin:-26px 0 0;
}

#content h2 {
font-size:24px;
line-height:32px;
height:32px;
font-weight:400;
color:#000;
margin:33px 0 0;
}

#content h3 {
font-size:16px;
line-height:16px;
font-weight:400;
color:#000;
margin:10px 0;
}

#content p {
margin:4px 0 0;
padding:0 0 10px;
}

#content div.box-top,#content div.box-bottom {
width:100%;
overflow:hidden;
}

#content div.home-content {
width:100%;
overflow:hidden;
margin:-5px 0 -2px;
padding:5px;
}

#content div.home-content p {
padding:0 0 15px;
}

#content div.featured p {
font-weight:700;
color:#666;
text-transform:uppercase;
padding:10px 0 1px;
}

#content div.featured p.price {
text-transform:none;
color:#54BA54;
padding:31px 0 24px;
}

#content div.featured a {
clear:both;
}

div.cont {
display:table;
width:100%;
overflow:hidden;
height:100%;
}

div.sub {
text-align:center;
width:100%;
display:table-cell;
vertical-align:middle;
}

div.sub img {
display:inline;
}

#content div.categories {
width:765px;
background:url(../styleImages/img/bg-categories-body.gif) repeat-y 0 0;
overflow:hidden;
margin:21px 0 0 6px;
}

#content div.categories div.box-top {
background:url(../styleImages/img/bg-categories-top.gif) no-repeat 0 0;
}

#content div.categories div.box-bottom {
background:url(../styleImages/img/bg-categories-btm.gif) no-repeat 0 100%;
}

#content ul.categories {
width:100%;
overflow:hidden;
list-style:none;
margin:10px 0 0;
padding:0 0 17px;
}

#content ul.categories li {
float:left;
border-left:1px solid #ccc;
overflow:hidden;
font-size:10px;
width:110px;
margin:0 0 0 -1px;
padding:0 21px;
}

#content ul.categories h3 {
height:32px;
width:100px;
margin:0 auto;
}

#content ul.categories div.image {
width:131px;
height:95px;
overflow:hidden !important;
background:#fff;
margin:0 auto;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px; 
}

#content ul.categories div.image div.cont {
width:98px;
height:100px;
}

#content ul.categories p {
line-height:18px;
min-height:89px;
margin:4px -1px 0 0;
padding:0;
}

* html #content ul.categories p {
height:89px;
overflow:visible;
}

#content ul.categories a {
color:#4b84ad;
}

#content ul.categories a:hover {
color:#01a8ef;
}

#footer {
float:left;
font-size:10px;
line-height:20px;
width:940px;
background-color:#EDF1F4;
padding:5px;
}

#footer ul.bottomnav {
width:100%;
overflow:hidden;
list-style:none;
margin:0 0 0 -6px;
padding:9px 0 0;
}

#footer ul.bottomnav li {
float:left;
line-height:12px;
margin:0 0 0 -1px;
padding:0 8px;
}

#footer p {
margin:3px 0 0;
}

#content div.container {
float:left;
width:100%;
}

#content div.container div.box {
width:100%;
float:left;
margin:-1px 0 0;
padding:0 0 5px;
}

#content div.container div.footer-box {
width:100%;
float:left;
border-top:1px solid #999;
border-bottom:1px solid #999;
background-color:#F2F2F2;
margin:10px 0 0;
padding:0 0 5px;
}

#content div.container div.sort-box {
width:100%;
float:left;
border-top:1px solid #999;
border-bottom:1px solid #999;
background-color:#F2F2F2;
margin:-1px 0 0;
padding:0 0 5px;
}

#content div.description {
float:left;
width:751px;
padding:14px 20px 32px 0;
}


#content div.description div.image {
float:left;
margin:-3px 23px 6px 0;
width:400px;
}

#content div.product-content {
background-color:#f7f7f7;
float:left;
width:300px;
margin:0 0 0 10px;
padding:14px 5px 32px 10px;
}

#content div#panel-top {

}

#content div#panel-footer {

}

#content #sharethis {
margin:5px 0 10px 175px;
}

#content div.product-content div.pricetag {
background-color:#241F1C;
color:#fff;
width:100px;
margin:0 0 0 175px;
padding:10px;
font-family:georgia;
}

#content div.product-price {
padding:14px 20px 32px 0;
}

#content div.description ul.price {
overflow:hidden;
list-style:none;
color:#54BA54;
margin:0;
padding:6px 0 0;
}

#content div.select {
width:180px;
height:30px;
z-index:1000;
float:left;
background:#FFF none repeat scroll 0 0;
}

#content div.amount {
width:71px;
}

#content div.cat {
width:204px;
}

#content div.select span {
display:block;
cursor:pointer;
height:26px !important;
overflow:hidden;
float:none !important;
border:1px solid #999;
width:165px;
background:url(../styleImages/img/bg-select.gif) no-repeat 100% 1px;
color:#54BA54;
line-height:26px !important;
padding:1px 1px 1px 12px !important;
}

#content div.amount span {
text-align:center;
width:36px;
padding:1px 32px 1px 1px !important;
}

#quan {
border:1px solid #999;
color:#54BA54;
display:block;
float:none !important;
height:16px;
line-height:16px;
overflow:hidden;
text-align:center;
width:66px;
padding:5px 2px;
}

#content div.cat span {
width:189px;
}

#content div.select ul {
list-style:none;
position:absolute;
top:31px;
width:176px;
border:1px solid #999;
overflow:auto;
background:#f0f0f0;
left:0;
display:none;
margin:0 !important;
padding:1px !important;
}

#content div.amount ul {
width:67px;
text-align:center;
}

#content div.select ul li {
width:100%;
float:left;
padding:0 !important;
}

#content div.select ul li a {
line-height:19px;
width:164px;
display:block;
border:1px solid #f0f0f0;
color:#2E3E4B;
padding:0 0 0 10px;
}

#content div.cat ul li a {
width:188px;
}

#content div.amount ul li a {
width:65px;
padding:0;
}

#content div.select ul li.hover a {
border:1px solid #78acff;
background:#eaf2ff;
}

#content div.add {
float:right;
width:300px;
display:inline;
margin:-2px 0 0;
}

#content div.description div.add {
width:350px;
margin:62px -8px 0 0;
}

#content div.add ul.form {
float:left;
width:100%;
list-style:none;
margin:0;
padding:0;
}

#content div.add ul.form li {
width:100%;
float:left;
padding:4px 0;
}

#content div.add label {
float:right;
line-height:30px;
font-size:12px;
padding-right:5px;
}

#content div.sort {
float:left;
padding:5px 0 4px;
}

label {
line-height:30px;
padding-right:15px;
font-size:12px;
}

#content div.sort label {
float:left;
padding-left:19px;
}

#content div.sort div.select {
width:186px;
}

#content div.sort div.select span {
width:171px;
}

#content div.sort div.select ul {
width:182px;
}

#content div.sort div.select ul li a {
width:170px;
}

#content ul.pager {
float:left;
list-style:none;
margin:3px 0 0;
padding:0;
}

#content ul.pager li {
float:left;
padding:0 4px 0 1px;
}

#content ul.pager li a {
width:28px;
line-height:26px;
background:#f0f0f0;
display:block;
text-align:center;
}

#content ul.pager li a.next {
background:#f0f0f0 url(../styleImages/img/btn-next.gif) no-repeat 50% 50%;
text-indent:-9999px;
}

#content ul.pager li a.back {
background:#f0f0f0 url(../styleImages/img/btn-back.gif) no-repeat 50% 50%;
text-indent:-9999px;
}

#content ul.pager li.active a,#content ul.pager li a:hover {
background:#54BA54;
color:#fff;
}

#content ul.pager li a.next:hover {
background:#54BA54 url(../styleImages/img/btn-next.gif) no-repeat 50% 50%;
}

#content ul.pager li a.back:hover {
background:#54BA54 url(../styleImages/img/btn-back.gif) no-repeat 50% 50%;
}

#content div.pager {
float:right;
padding:5px 0;
}

#content ul.items {
list-style:none;
width:801px;
overflow:hidden;
margin:0 -20px 0 -30px;
padding:1px 0 17px;
}

#content ul.items li {
width:118px;
float:left;
font-size:10px;
height:165px;
line-height:12px;
background:url(../styleImages/img/bg-products.gif) no-repeat 0 0;
margin:11px 0 0 -1px;
padding:0 40px 0 41px;
}

#content ul.items div.image {
width:116px;
height:95px;
overflow:hidden;
border:1px dashed #D9E4EC;
}

#content ul.items h4 {
background-color:#EFEFEF;
border:1px solid #CCCCCC;
font-size:12px;
margin:4px 0 0;
padding:3px;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px; 
}

#content ul.items h4 a {
color:#2C3C49;
}

#content ul.items span {
color:#54BA54;
display:block;
padding:10px 0 3px;
}

input.checkbox {
width:15px;
height:15px;
float:left;
margin:4px 0 0;
}

#content ul.forms {
width:320px;
overflow:hidden;
list-style:none;
margin:0 auto;
padding:4px;
}

#content ul.forms li {
width:100%;
float:left;
padding:5px 0;
}

#content ul.forms label {
width:100px;
padding-right:0;
line-height:24px;
float:left;
}

.txtOutOfStock {
background-color:#3DA22C;
border:3px solid #104016;
display:block;
margin:10px 0;
padding:3px;
text-align:center;
color:#fff;
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
border-radius: 3px; 
}

#content ul.forms label.check {
width:auto;
}

#content ul.forms input.small {
width:45px;
}

#content input.middle {
width:100px !important;
}

#content ul.forms span {
font-size:9px;
line-height:24px;
float:left;
padding-left:5px;
}

#content ul.forms input.checkbox {
margin-left:100px;
margin-right:10px;
}

#content ul.forms ul {
overflow:hidden;
font-size:9px;
list-style:none;
margin:-5px 0 0;
padding:0 0 0 90px;
}

#content ul.forms ul li {
width:auto;
padding:0 0 0 10px;
}

#content ul.forms input.submit {
margin-left:100px;
}

#content div.register ul.forms input.checkbox {
margin-left:0;
}

#content ul.forms select {
float:left;
}

a:hover,#footer a:hover,#content ul.items a:hover {
color:#000;
}

a.rightbut,#content div.featured div.image,#content div.add ul.form div.select {
float:right;
}

#sidebar ul.nav-categories li a:hover,#footer a,#content ul.items h4 a:hover,#content ul.items a {
color:#54BA54;
}

* html div.cont,*+ html div.cont {
position:relative;
}

* html div.sub,*+ html div.sub {
position:absolute;
top:50%;
}

* html div.sub img,*+ html div.sub img {
position:relative;
top:-50%;
}

#content div.cat ul,#content ul.forms input.textbox,#content ul.forms input.text {
width:200px;
}

#splash {
border:3px solid #f1f1f1;
height:200px;
overflow:hidden;
position:relative;
width:740px;
}

#stockcode {
margin:10px 0 0 0;
background-color:#F3F9B0;
color:#CF4138;
border:2px solid #E12831;
padding:3px;
}