/* Css */
* {margin:0; padding:0; border:none;}
html {height:100%}
table, td, th {border-collapse:collapse; border:none;}
body {background:#040000; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3a3622; height:100%}
li {list-style:none;}
input, select {color:#686247; font-family:Arial, Helvetica, sans-serif;}
a { text-decoration:none; color:#3a3622;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

#wrapper {width:100%; background:url(/images/background/bg1.gif) repeat-y 50% 0; min-height:100%; _height:100%;}
.wrapOut {width:100%; background:url(/images/background/bg2.gif) no-repeat 50% 0;}
#wrap {position:relative; width:999px; margin:0 auto;}
.empty_top {width:100%; background:url(/images/background/empty_top.gif) repeat-x; height:30px; overflow:hidden;}
.head1 {width:986px; background:url(/images/background/top1.jpg) repeat-x; height:138px; overflow:hidden; padding:12px 5px 0 8px;}
.agency_top {margin-top:20px; float:left;}
.head1 span {float:right;}
.head2 {width:100%; background:url(/images/background/top2.jpg) repeat-x; height:150px; overflow:hidden;}
.head3 {width:100%; background:url(/images/background/top3.jpg) repeat-x; height:150px; overflow:hidden;}
.head4 {width:777px; background:url(/images/background/top4.jpg) repeat-x; height:43px; overflow:hidden; padding:68px 0 0 222px;}
.head4 ul li {float:left; position:relative; margin-right:-3px}
.head4 ul li a {float:left; height:44px; overflow:hidden; font-weight:bold; font-style:italic; color:#e3bd6f;}
.head4 ul li a:hover strong, .head4 ul li.active a strong {background:url(/images/background/menu_rep_a.png) repeat-x 0 0;}
.head4 ul li strong {float:left; height:30px; padding:14px 4px 0 4px; background:url(/images/background/menu_rep.png) repeat-x; cursor:pointer;}
.cor1 {width:14px; height:44px; background:url(/images/background/corL.png) no-repeat; float:left;}
.cor2 {width:14px; height:44px; background:url(/images/background/corR.png) no-repeat; float:left;}
.head4 ul li a:hover .cor1 {width:14px; height:44px; background:url(/images/background/corLactive.png) no-repeat; float:left;}
.head4 ul li a:hover .cor2 {width:14px; height:44px; background:url(/images/background/corRactive.png) no-repeat; float:left;}
.empty_liL {width:11px; height:44px; float:left; overflow:hidden; background:url(/images/background/menu_empty_l.png) no-repeat;}
.empty_liR {width:13px; height:44px; float:left; overflow:hidden; background:url(/images/background/menu_empty_r.png) no-repeat;}
.empty_menuLi {width:3px; height:44px; background:url(/images/background/menu_empty.png) no-repeat;}

.content_top {background:url(/images/background/content_top.jpg) no-repeat 0 top;}
.content_bottom {background:url(/images/background/content_bottom.jpg) no-repeat 0 bottom; min-height:853px; _height:851px; padding:8px 0 18px 91px;}
.content { background:url(/images/background/content_repeat.jpg) repeat-y 0 -48px; width:983px; margin-left:16px;}
.left {float:left; width:272px; text-align:center; font-size:13px;}
.left form {width:250px; text-align:center;}
.left .leftForm {text-align:left;}
.languageOut {text-align:left;}
.language {width:250px; text-align:center;}
.language em {color:#686247; font-weight:bold; font-size:15px; position:relative; top:-10px;}
.language span {background:url(/images/line.gif) no-repeat; height:20px; width:2px; position:relative; top:-4px; margin:0 4px;}
.left_h2 {text-align:left;}
.left h2 {color:#584310; font-style:italic; font-size:15px; padding-bottom:9px; width:250px; text-align:center;}
.left form p {font-style:italic; font-weight:bold; padding-bottom:1px; color:#686247;}
.left form span {position:relative;}
.left form label {font-style:italic; font-weight:bold; color:#686247;}
.quantity input {width:46px; height:20px; background:#f9f198; float:left;}
.quantity label {float:left; margin:0 4px 0 5px; _margin-right:2px;}
.quantity img {float:left;}
.quantity {padding-left:45px;}
.range {padding-left:40px;}
.range input {width:124px; height:20px; background:#f9f198; float:left;}
.range label {float:left; margin:0 4px 0 10px;}
.range img {float:left;}
.search_b {background:url(/images/background/search_button.gif) no-repeat; width:95px; height:40px; font-size:16px; font-weight:bold; font-style:italic; padding-bottom:4px; _padding-top:2px; text-align:center;}

.special_prop {text-align:left; padding-top:8px; color:#686247;}
.special_prop div {width:251px;}
.special_prop h3 {font-size:14px; font-style:italic;}
.special_prop .frame {padding:10px; width:229px; background:#d6bd72 url(/images/background/frame_bg.gif) repeat; border:1px solid #938149; margin-top:10px; display:block;}
.special_prop .frame img {display:block;}
.special_prop .proposePrise {width:249px; border:1px solid #938149; border-top:none; background:#F5DD96 url(/images/background/propose_price_bg.gif) repeat-x 0 bottom; padding:6px 0 8px; margin-bottom:3px;}
.special_prop .proposePrise span {float:left; width:114px; font-weight:bold; padding-left:11px;}
.special_prop .proposePrise strong {float:left; width:114px; text-align:right; padding-right:10px; color:#7e2d24;}

.right {float:left; width:523px; line-height:17px;}
.resultTop, .resultBot {font-weight:bold; padding-top:8px; clear:both;}
.resultBot {padding-top:16px;}
.resultTop p, .resultBot p {float:left;}
.resultTop ul, .resultBot ul {float:right; padding-right:10px;}
.resultTop li, .resultBot li {float:left;}
.resultTop li a, .resultBot li a {float:left; background:url(/images/background/resultTop_bg.gif) repeat-x; border:1px solid #68592d; padding:1px 5px; color:#8d2b10; margin:0px 3px 0; position:relative; top:-2px;}
.resultTop li span, .resultBot li span {float:left; background:url(/images/background/resultTop_bg.gif) repeat-x; border:1px solid #68592d; padding:1px 5px; margin:0px 3px 0; position:relative; top:-2px;}
.resultTop li strong, .resultBot strong {padding-right:7px;}

.productOut {padding-top:9px; clear:both;}
.productOut h4 {font-size:14px; color:#8d2b10; float:left; width:395px; line-height:15px;}
.productOut h4 a {color:#8d2b10; text-decoration:underline;}
.productOut h4 a:hover {text-decoration:none;}
.productOut b {color:#8d2b10; font-size:14px; float:right; padding-right:12px;}
.productOut li {display:inline;}
.productOut li a {text-decoration:underline;}
.productOut li a:hover {text-decoration:none;}
.productOut .empty_li {padding:0 1px;}
.productInfo {font-size:14px; padding-top:3px;}
.productInfo .frame {padding:10px; background:#d6bd72 url(/images/background/frame_bg.gif) repeat; border:1px solid #938149; margin:3px 10px 0 0; float:left;}
.productOut .productInfo li {display:block; padding:0;}


/*Product info*/
.productAllInfo {font-size:14px; line-height:17px; padding-top:10px;}
.productAllInfo h4 {font-size:16px; float:left; width:395px;}
.productAllInfo b {color:#8d2b10; font-size:14px; float:right; padding-right:19px; color:#8d2b10;}
.frameBig {width:500px; text-align:center; background:#cdb56d url(/images/background/frame_bg.gif) repeat; padding:10px; margin-top:9px; border:1px solid #938149;}
.frameBig img {_display:block;}
.framesSmall {padding-bottom:13px;}
.framesSmall div {float:left; width:152px; text-align:center; background:#cdb56d url(/images/background/frame_bg.gif) repeat; border:1px solid #938149; padding:10px;}
.framesSmall div img {display:block;}
.productAllInfo ul {padding-bottom:16px;}
.productAllInfo h5 {font-size:14px;}
.productAllInfo .back {padding-top:38px;}
.productAllInfo .backPage {float:left; color:#7a2715; font-weight:bold; margin-top:6px; text-decoration:underline}
.productAllInfo .clearfix input {float:right; color:#7a2715; font-weight:bold; background:#CFB874 url(/images/background/propose_price_bg.gif) repeat-x; border:1px solid #938149; width:158px; height:30px; padding-bottom:4px; cursor:pointer;}

/*Page*/
.page {font-size:14px; padding-top:9px;}
.page h4 {font-size:14px; padding-bottom:7px;}
.page p {padding-bottom:14px;}
.page p span {border:1px solid #8e8259; float:right; margin:0 10px 10px 10px;}
.page p span img {border:1px solid #fff;}
.page .clearfix a {color:#7a2715; font-weight:bold; text-decoration:underline; font-size:12px;}
.page .clearfix a:hover {text-decoration:none;}


#footer {width:100%; background:url(/images/background/footer.gif) repeat-x; height:45px; padding-top:29px; clear:both;}
.footer_b {width:100%; background:url(/images/background/footer_b.gif) repeat-x; height:45px; overflow:hidden;}
.footerIn {width:891px; padding:7px 0 0 108px; margin:0 auto;}
.footerIn a {margin-right:10px;}
.footerIn  .footLogo {background:url(/images/background/ayaco.png) no-repeat; font-size:10px; float:left; padding-left:36px; margin-top:2px;}
.footLogo strong {font-size:12px; display:block;}
.footLogo span {position:relative; top:-5px;}
.footerIn li {float:left;}
.footerIn p {font-weight:bold; padding:8px 93px 0 45px;}

/*Selects*/
.wid {width:180px;}
.lineForm {padding-left:35px; _padding-left:35px; text-align:left}
.selectArea, .center_a, .selectArea .left, .scrollbar-up, .scrollbar-down, .scrollbar-handle {
background: url(/images/background/selects.gif) no-repeat;
}
.selectArea {
height:20px !important;
background-position: 0 -40px;
background-repeat: repeat-x;
position: relative;
}
.selectArea input {
color: #4e4e4e !important;
font-size: 14px !important;
border: none !important;
background: none !important;
position: absolute;
top: 1px;
left: 1px;
width: 80% !important;
height: 100% !important;
font-family: Tahoma;
padding: 0 0 0 7px !important;
cursor: pointer;
height: auto !important;
}
.center_a {
background-position: right -20px;
cursor: pointer;
height: 100%;
position: absolute;
top: 0;
right: 0;
width: 100% !important;
}
* html .center_a {
right: -1px;
overflow: hidden;
}
.selectArea .left {
width:2px;
background-position: 0 0;
left: 0;
height: 100%;
float:left;
overflow: hidden;
position: relative;
}
.selectArea .optionsDivInvisible, .selectArea .optionsDivVisible {
border-bottom: 1px solid #bdbcbd;
_border-right: 1px solid #bdbcbd;
background: #f9f198 !important;
top: 20px !important;
position:absolute !important;
margin: 0 !important;
z-index:200;
text-align: left;
left: 0 !important;
width: 100% !important;
overflow: hidden;
}
.optionsDivVisible {display:block;}
.selectArea .optionsDivInvisible span {
padding: 2px 0 !important;
border-left: 1px solid #bdbcbd !important;
border-right: 1px solid #bdbcbd !important;
color: #4e4e4e !important;
font-size: 14px !important;
text-indent: 10px;
display: block;
height: 15px;
cursor: pointer;
margin:0 !important;
float: none !important;
background: none;
}
.selectArea .scrollbar-container span {
margin-left: -5px !important;
}
.selectArea .optionsDivInvisible span:hover {
background: #BCA665;
color: #fff !important;
}
.selectArea .optionsDivInvisible span.over {
background: #BCA665;
color: #fff !important;
}
.scrollbar-container {
height: 143px;
margin: 0 !important;
padding: 0 !important;
overflow: hidden;
position: relative !important;
border-left: 1px solid #bdbcbd !important;
border-right: 1px solid #bdbcbd !important;
display: block !important;
float: none !important;
clear: none !important;
width: auto !important;
}
* html .scrollbar-container {
width: 100% !important;
}
.scrollbar-up, .scrollbar-down {
width: 15px;
height: 13px;
overflow: hidden;
position: absolute !important;
top: 0;
right: 0;
left: auto;
cursor: pointer;
z-index: 40;
background-position: -1px -60px;
margin: 0 !important;
padding: 0 !important;
}
.scrollbar-down {
top: auto;
bottom: 0;
background-position: -1px -73px;
}
.scrollbar-track {
height: 117px;
width: 15px;
background: #f4f6f8;
position: absolute !important;
top: 13px;
right: 0;
z-index: 30;
margin: 0 !important;
padding: 0 !important;
}
* html .scrollbar-track, * html .scrollbar-up, * html .scrollbar-down {
right: 0px;
}
.scrollbar-handle {
cursor: pointer;
position: absolute !important;
right: 0;
top: 0;
width: 15px;
height: 18px;
overflow: hidden;
margin: 0 !important;
background-position: 0 -86px;
display: block;
}
.container2 {
height: 103px;
width: 100% !important;
clear: none !important;
position: static !important;
margin: 0 !important;
padding: 0 !important;
}
.scroller-container {
top: 0;
left: 0;
z-index: 20;
position: absolute !important;
width: 1000px !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
}
.selectArea .optionsDivInvisible .scroller-container span {
border: none !important;
}

