html {
overflow: -moz-scrollbars-vertical;
}
form, html, *{
margin:0;
padding:0;
}
body {
text-align: left;
font-family: Segoe UI, Arial, Helvetica, sans-serif;
background: #180a09;
/*font-family: Arial, Helvetica, sans-serif; */
/*background:#f7b217 repeat-x top;*/
}
body, td, th, input, textarea, select, a {
font-size: 13px;
color: #eee;
color: #ccc;
}
form {
display: inline;
color: #333;
}
input, textarea, select {
margin: 3px 0;
}
/* Layout Styles */
#wrapper-outer{
width:100%;
background: url(../image/bgtrong.png) 0px 50px repeat-x;
}
#wrapper{
width: 960px;
margin-left: auto;
margin-right: auto;
}
/* Header Styles Starts */
#header-top{
height:60px;
overflow:hidden;
float:left;
padding:80px 0px 30px 20px;
}
#header{
overflow:hidden;
}
.logo{
float:left;
padding:4px 0 0 0;
}
#search-wrap{
padding:100px 300px 0 350px;
float:center;
}
#search{
background:url(../image/search-bg.png) no-repeat;
/*border: 4px solid #a7052a;*/
width:357px;
height:40px;
border-radius: 10px 10px 10px 10px ;
-moz-border-radius: 10px 10px 10px 10px ;
-webkit-border-radius: 10px 10px 10px 10px ;
}
.search-input{
width:337px;
height:34px;
font-size: 14px;
line-height:36px;
margin:0;
padding:5px 10px 0 18px;
}
.search-button{
width:0px;
height:40px;
float:right;
}
.search-input, .search-button{
background: none;
outline:none;
border:none;
}
#menu{
height:40px;
background:url(../image/menu_bg.png) no-repeat;
padding:0 15px;
}
#menu ul{
list-style:none;
}
#menu li{
position:relative;
padding:0 5px;
z-index:2000;
}
#menu li, #menu li a, #menu li a span, #menu li a.selected, #menu li a.selected span{
display:block;
float:left;
height:40px;
line-height:40px;
font-weight:normal;
font-size:13px;
color:#232323;
cursor:pointer;
text-decoration:none;
outline:none;
}
#menu li a{
padding:0 0 0 8px;
}
#menu li a span{
padding:0 18px 0 10px;
}
#menu li a:hover, #menu li a.selected{
background:url(../image/menu_h_left.png) no-repeat left;
}
#menu li a:hover span, #menu li a.selected span{
background:url(../image/menu_h_right.png) no-repeat right;
}
#menu li a:hover, #menu li a:hover span, #menu li a.selected, #menu li a.selected span{
color:#fff;
}
#banner{
height:150px;
margin:10px 0;
}
#breadcrumb {
padding-top:5px;
padding-bottom:5px;
height: 10px;
margin-bottom: 5px;
color: #fff;
text-align:left;
}
#breadcrumb a{
padding:0 5px;
color: #fff; /* them chu trang*/
}
.switcher1 {
float: right;
text-align:center;
padding: 4px 5px 4px 10px;
background: #ffff22;
border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
-webkit-border-radius: 4px 4px 0px 0px;
}
.switcher1 .option a {
color: #333;
margin: 5px;
}
.switcher {
float: right;
text-align:left;
}
.switcher a {
text-decoration: none;
display: block;
}
.switcher .selected {
background: #ffff22 ;
moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
}
.switcher .selected a {
border: 0px solid #b00007;
background: url('../image/arrow_down.png') 100px center no-repeat;
color: #555;
padding: 6px 5px 6px 10px;
width: 100px;
moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
}
.switcher .selected a:hover {
background: #ffff22 url('../image/arrow_down.png') 100px center no-repeat;
}
.switcher .option {
position: absolute;
z-index: 3;
border-left: 1px solid #b00007;
border-right: 1px solid #b00007;
border-bottom: 1px solid #b00007;
background-color: #690007;
display: none;
width: 112px;
}
.switcher .option a {
color: #fff;
padding: 3px 5px 3px 5px;
}
.switcher .option a:hover {
background: #840109;
}
.switcher img {
position: relative;
top: 1px;
}
/* Header Styles Ends */
#container {
text-align: left;
border: 1px solid #d2d2d2;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
background: #fff;
padding: 0px 10px 10px 10px;
}
.container1{
margin-top:-10px;
}
/* Column Left & Right Styles Starts */
#column_left {
float: left;
width: 200px;
margin-right: 10px;
clear: left;
}
#column_right {
float: right;
width: 220px;
margin-left: 10px;
clear: right;
margin-right: 10px;
}
/* Box Styles Starts */
.box {
background: #180a09;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
margin-bottom: 10px;
border: 1px solid #2F100C;
background: #1F0E0C;
}
.box .top {
padding: 10px 0 0 0px; /* Khaong cach tieu de */
color: #fff;
text-align: center;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
height:20px;
line-height:20px;
}
.box .top img {
float: left;
margin-right: 5px;
display:none;
}
.box .middle {
/* them boder box trai phai*/
;
padding: 10px;
}
.box .middle img{
padding-right:10px;
}
.box .bottom {
height: 5px;
}
/* Box Styles Ends */
/* box1 Styles Starts */
.box1 {
margin-bottom: 10px;
/* background: url('../image/box1_top.png') no-repeat; */
background: #d7261e ;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
.box1 .top {
padding: 0 0 0 10px; /* Khaong cach tieu de */
color: #fff;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
height:30px;
line-height:30px;
}
.box1 .top img {
float: left;
margin-right: 5px;
display:none;
}
.box1 .middle {
/* them boder box1 trai phai*/
border-left:1px solid #f36f00;
border-right:1px solid #f36f00;
border-bottom:1px solid #f36f00;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px
background: #FFFFFF;
padding: 10px;
}
.box1 .middle img{
padding-right:10px;
}
.box1 .bottom {
height: 5px;
}
/* box1 Styles Ends */
#category ul, #information ul{
}
#category ul li, #information ul li{
padding:5px 0 5px 16px;
background:url(../image/bullet_1.png) no-repeat 5px 13px;
border-top:1px dotted #fff;
list-style:none;
}
#category ul li a, #information ul li a{
color:#fff;
text-transform: uppercase;
text-decoration:none;
font-size:14px;
font-weight:normal;
}
#category ul li a:hover, #information ul li a:hover{
color:#7FCE02;
text-decoration:underline;
}
#category ul li ul, #information ul li ul {
}
#category ul li ul li, #information ul li ul li{
padding:5px 0 5px 0px;
background:none;
border-top:none;
list-style:none;
}
#category ul li ul li a, #information ul li ul li a{
color:#fff;
text-decoration:none;
text-transform: none;
font-size: 13px;
font-weight:normal;
}
#category ul li ul li a:hover, #information ul li ul li a:hover{
color:#7FCE02;
text-decoration:underline;
}
/* Column Left & Right Styles Ends */
/* Central Column Styles Starts */
#content {
margin-left: 0px;
margin-bottom: 10px;
margin-right: 250px;
padding-bottom: 10px;
padding-top: 5px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin-left: 0px; margin-bottom: 10px; padding-bottom: 10px; padding-top: 5px; background: #180a09; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
/* Box Styles Starts */
#content .top .left {
width: 5px;
height: 32px;
float: left;
}
#content .top .right {
width: 5px;
height: 32px;
float: right;
}
#content .top .center {
/*background: url('../image/content_top.png') repeat-x;
border-bottom: 2px solid #555;*/
/* margin-left: 5px;
margin-right: 5px;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;*/
}
#content .top h1, .heading {
padding: 8px 0px 8px 10px;
}
#content h1, .heading {
color: #900;
text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
margin: 0px;
}
#content .middle {
/*background: #FFFFFF;*/
padding: 10px 10px 1px 10px; /* Khonag cach noi dung voi le*/
min-height: 30px;
/* border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc; border cho noi dung giua */
}
#content .bottom {
clear: both;
}
#content .bottom .left {
width: 0px;
height: 0px;
float: left;
}
#content .bottom .right {
width: 0px;
height: 0px;
float: right;
}
#content .bottom .center {
height: 5px;
margin: 0 5px 10px 5px;
}
/* Box Styles Ends */
.content {
border: 1px dashed #666;
padding: 10px;
margin-top: 10px;
margin-bottom: 10px;
color: #eee;
}
.list {
margin-bottom: 10px;
width: 100%;
}
.list td {
text-align: justify;
vertical-align: top;
padding: 10px;
border: 1px solid #2f100c;
background: #1f0e0c;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
.list1 {
margin-bottom: 10px;
width: 100%;
}
.list1 td {
text-align: center;
vertical-align: top;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 10px;
border: aliceblue; /* tem border san pham*/
border-radius: 10px 10px 10px 10px ;
-moz-border-radius: 10px 10px 10px 10px ;
-webkit-border-radius: 10px 10px 10px 10px ;
}
.sort {
margin-bottom: 10px;
height: 30px;
width: 100%;
}
.sort .div1 {
float: right;
margin-left: 5px;
padding-top: 6px;
padding-right: 9px;
}
.sort .div2 {
text-align: right;
padding-top: 9px;
}
.sort select {
font-size: 11px;
margin: 0;
padding: 0;
}
/* Pagination Styles Starts */
.pagination {
display: inline-block;
width: 100%;
margin-bottom: 10px;
}
.pagination .links, .pagination .results {
padding: 7px;
}
.pagination .links {
float: left;
}
.pagination .links a {
border: 1px solid #CCCCCC;
padding: 4px 7px;
text-decoration: none;
color: #000000;
}
.pagination .links b {
border: 1px solid #CCCCCC;
padding: 4px 7px;
text-decoration: none;
color: #000000;
background: #FFFFFF;
}
.pagination .results {
float: right;
}
/* Pagination Styles Ends */
/* Tabs Styles Starts */
.tabs {
width: 100%;
height: 31px;
margin-bottom: 0px;
}
.tabs a {
float: left;
display: block;
padding: 9px 15px 8px 15px;
margin-right: 5px;
/* background:#FFFFFF url('../image/tab_hover.png') repeat-x; */
background:#2F100C;
color: #ccc;
font-weight: bold;
font-size: 11px;
text-decoration: none;
z-index: 1;
position: relative;
top: 0px;
border-top: 1px solid #2F100C;
border-right: 1px solid #2F100C;
}
.tabs a:hover{
text-decoration:none;
color:#fff;
border-top: 1px solid #2F100C;
border-right: 1px solid #2F100C;
}
.tabs a.selected {
/*background:#FFFFFF url('../image/tab.png') repeat-x;*/
background: #5e0b00;
color: #fff;
/*margin-left: 20px;*/
z-index: 3;
}
.tab_page {
border-top: 3px solid #5e0b00;
border-left: 1px solid #2F100C;
border-right: 1px solid #2F100C;
border-bottom: 1px solid #2F100C;
background: #1F0E0C;
padding: 10px;
display: block;
z-index: 2;
margin-bottom: 10px;
color: #ccc;
}
/* Tabs Styles Ends */
/* Central Column Styles Ends */
/* Success & Error Messages Styles Starts */
.success {
padding: 5px 0px;
margin-bottom: 10px;
background: #E4F1C9;
border: 1px solid #A5BD71;
font-size: 11px;
font-family: Verdana, Geneva, sans-serif;
text-align: center;
}
.warning {
padding: 5px 0px;
margin-bottom: 10px;
background: #FFDFE0;
border: 1px solid #FF9999;
font-size: 11px;
font-family: Verdana, Geneva, sans-serif;
text-align: center;
}
.wait {
padding: 5px 0px;
margin-bottom: 10px;
background: #FBFAEA;
border: 1px solid #EFEBAA;
font-size: 11px;
font-family: Verdana, Geneva, sans-serif;
text-align: center;
}
.required {
color: #FF0000;
font-weight: bold;
}
.error {
color: #FF0000;
display: block;
}
.help {
cursor: pointer;
}
.tooltip {
border: 1px solid #FDDA5C;
background: #FBFF95;
padding: 5px;
font-size: 11px;
width: 250px;
}
.clear { /* generic container (i.e. div) for floating buttons */
overflow: hidden;
width: 100%;
}
/* Success & Error Messages Styles Starts */
/* Buttons Styles Starts */
.button {
padding-left: 8px;
display: inline-block;
margin-right: 5px;
background: url('../image/button_left.png') top left no-repeat;
text-decoration: none;
color:#FFF;
}
.button span {
color: #FFF;
display: block;
padding: 4px 12px 5px 5px;
font-size: 12px;
background: url('../image/button_right.png') top right no-repeat;
}
.buttons {
}
.buttons input {
padding: 0px;
margin: 0px;
}
.buttons table {
width: 100%;
border-collapse: collapse;
}
.buttons table td {
vertical-align: middle;
}
/* Buttons Styles Ends */
/* Cart Style Starts */
.cart {
border-collapse: collapse;
width: 100%;
border: 1px solid #EEEEEE;
margin-bottom: 10px;
}
.cart th {
background: #EEEEEE;
padding: 5px;
font-weight: normal;
}
.cart td {
padding: 5px;
}
.tags, .tags a {
font-style: italic;
font-size: x-small;
}
#module_cart .middle {
padding: 5px;
}
.cart_module_total {
padding: 0 3px 0 3px;
font-size: 0.9em;
color: #222;
}
.cart_remove {
margin-top: 3px;
background: url('../image/list_remove_btn.gif') no-repeat left center transparent;
padding-right:10px;
cursor:pointer;
}
.cart_remove_loading {
margin-top: 3px;
background: url('../image/ajax_load.gif') no-repeat transparent;
padding-right:10px;
}
.button_add_small, a.button_add_small:visited {
margin-top: 3px;
background: url('../image/button_add_small.png') no-repeat left center transparent;
padding:5px;
text-decoration: none;
cursor:pointer;
}
#content .middle .box {
float: left;
margin: 0 6px 10px 6px;
min-height: 0px;
}
#content .middle .box .middle {
width: 158px;
min-height: 0px;
}
/* Footer Styles Starts */
#footer-wrap{
width:100%;
border-top: 5px solid #900;
}
#footer{
width:960px;
margin:0 auto;
background: #900;
}
#footer, #footer a{
color:#fff;
text-decoration:none;
font-size:13px;
height:98px;
border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
}
#footer br{
}
#footer a:hover{
text-decoration:underline;
}
/* Footer Styles Ends */
/* Genric Styles Starts */
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
a, a:visited {
color: #7fce02;
font-size: 18px;
text-decoration: none;
cursor: pointer;
}
a:hover{
text-decoration: underline;
color:#7fce02;
}
a img{
border: none;
}
.floatleft{float:left;}
.floatright{float:right;}
.normal, .normal a{font-weight:normal;}
.textbold{font-weight:bold;}
#nghi .special {
position: absolute;
margin-left: 150px;
margin-top: 20px;
background: url('../image/label/special.png') no-repeat;
width: 70px; height: 70px;
opacity: 1;
}
#nghi .new{
position: absolute;
margin-top: 10px;
margin-left: 10px;
background: url('../image/label/new.gif') no-repeat;
width: 200px; height: 70px;
opacity: 1;
}
------------
.tabs2{
width: 960px;
height: 31px;
margin-bottom: 0px;
}
.tabs2 a {
float: left;
display: block;
padding: 9px 15px 8px 15px;
margin-right: 5px;
/* background:#FFFFFF url('../image/tab_hover.png') repeat-x; */
background:#fff;
color: #111;
font-weight: bold;
font-size: 11px;
text-decoration: none;
z-index: 1;
position: relative;
top: 0px;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}
.tabs2 a.selected {
background: url('../image/tab-cam.png') repeat-x;
color: #08d;
margin-left: 20px;
z-index: 3;
}
.tab_page1 {
clear: both;
border-top: 3px solid #0e85c9;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background: #fff;
padding: 10px
display: block;
z-index: 2;
width: 958px; margin-bottom: 10px;
}
.tab_page2 {
clear: both;
border-top: 3px solid #FFB310;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background: #fff;
padding: 10px
display: block;
z-index: 2;
width: 958px; margin-bottom: 0px;
}
/* Menu header */
.menu {
width:830px;
height:30px;
position:relative;
z-index: 10550;
float: right;
/*background: #eee;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;*/
margin-top: -67px;
}
.menu ul li a, .menu ul li a:visited {
display:block;
text-decoration:none;
color:#fff;
height:30px; line-height:30px;margin-left: 10px;padding-left: 20px;margin-right: 10px;
/*border-left:1px solid #fff;
border-right:1px solid #fff;
background:#467bb1; */
background:url("../image/bullets.png") no-repeat 0px 7px;
font-size: 13px; text-transform: uppercase;
overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:right; position:relative;}
.menu ul li ul {display: none;}
/* menu header IE browsers */
.menu ul li:hover a {color:#7FCE02;}
.menu ul li:hover ul {display:block; position:absolute; ;top:30px; left:0; width:120px;}
.menu ul li:hover ul li a.hide {background:#333; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#333;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {font-weight: normal; font-size: 14px;display:block; background:#fff;padding: 10px;height:12px;line-height: 10px; /*color:#000;*/min-width:150px; margin-top: 7px;border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}
.menu ul li:hover ul li a:hover { color:#7FCE02;}
.menu ul li:hover ul li:hover ul { position:absolute; top:10px;}
.menu ul li:hover ul li:hover ul.left {left:-120px;}
/* Genric Styles Ends */
.middleimg img {
max-width: 197px;
padding-bottom: 10px;
}