@charset "utf-8";
/* CSS Document */
/*==================================================
 Global CSS Reset
 ==================================================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 1;
	text-align:justify;
	color:#fff;
	background:#1F1F1F;
	}
ol, ul {
	list-style: none;
	margin:0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration: none;
	color:#fff;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
	color:#dc9b03;
}
img, object, iframe {
	max-width: 100%;
}
html {
	-webkit-text-size-adjust: 100%;
}
.mail_message{
font-size: 16px;color:#DC9B03;margin-left:60px;margin-bottom:10px;
}
.wrapper{ width:100%;}
.container1{width:1200px; margin:0 auto; display:table;}
.header{ width:100%; display:table;}
.header-form{ float:right; display:table; margin-top:33px; margin-right:20px;}
.header-form form{ color:#fff;font-size: 13px; float:left;}
.header-form-input{ float:left;}
.header-form-submit{ float:left; margin-left:4px;}
.header-form-submit input {cursor: pointer;}
.header-form span{float: left;margin-left: 10px;line-height: 0.6;margin-top: 4px;}
.header-form span a{color: #dc9b03;font-size: 13px;padding: 4px 10px;display: block;border-left: 1px solid #fff;text-decoration: underline;}
.menu-bar{ background-image:url('/images/menubk.jpg'); width:100%; height:26px;margin-top: 9px;}
.menu-bar ul li{ float:left;}
.menu-bar ul li a{font: bold 10pt 'Arial','Verdana'; color:#fff;padding: 5px 13px 5px;display: block;}
.menu-bar ul li a:hover{ background-color:#DC9B03;}
.main-content{ width:100%; background:#000; display:table;}
.main-content-left{ float:left; width:44%; display:table;text-align: center;}
.main-content-left img{ max-width:426px;}
.main-content-right{ float:left; width:56%; display:table;margin-top: 71px;}
.showroom-p{ display:table; margin: 17px 4px 16px;}
.showroom-p p{ font-size:16px;}
.main-content-right p{font-size:16px;line-height: 1.2;text-align: left;}
.line-btn .line{ width:302px; height:2px; background:#848284;margin-left: 134px;margin-top: 16px;}
.line-btn .btn1{ float:right;margin-top: -2px;}
.line-btn{ width:100%; display:table;}
.content-right-main{ display:table; width:100%;}
.content-right-main h2{margin-top:-18px;}
.footer{ width:100%; display:table;padding: 15px 0;}
.footer-content{display:table; margin:0 auto;}
.Marvin-p{ float:left;font: bold 10pt 'Arial','Verdana';}
.Marvin-p p em{ font-style:italic;}
.footer-id{ float:left;}
.footer-id a{ color:#DC9B03;font: bold 10pt 'Arial','Verdana';text-decoration: underline;margin-left: 4px;}
.footer-Copyright{display: inline-block;text-align: center;width: 100%;margin-top: 14px;}
.letoilelogo{ text-align:center; margin: 0 auto; margin-top:25px; margin-bottom:0px;}
.picpad {margin-bottom: 20px;}
.compare-div{text-align:center;  display:table;margin: 0 auto; margin-top:50px; margin-bottom:30px;}
.main-content-about{display:table; width:100%;}
.main-content-about h1{ text-align:center;font-size: 23px;font-weight: bold;}
.main-about-p{ width:90%; margin:0 auto;padding-bottom: 30px;}
.main-about-p p{ font-size:16px; line-height:1.2;margin-top: 20px;text-align: left;}
.ma-img{float: left;width: 107px;padding-right: 10px;padding-bottom: 10px;}
.david-img{float:right;padding-left: 10px;}
.header-form-input1{float: left;margin-right: 8px;}
.header-form-input2{float: left;}
.contact-form{ width:65%; margin:0 auto; display:table;padding: 20px 0 70px;}
.contact-form-input1{ margin-top:15px;display: table;}
.contact-form-input2{margin-top:15px;display: table;}
.contact-form-input1 label{ width: 274px; float:left; display:table;font-size: 13px;font-weight: bold;margin-top: 3px;}
.contact-form-input2 label{width: 274px; float:left; display:table;font-size: 13px;font-weight: bold;margin-top: 3px;}
.contact-form-input1 input{width: 335px;float: left;}
.contact-form-input2 input{width: 335px;float: left;}
.contact-form-submit{margin-top: 15px;display: table;margin-left: 274px;}
#user_details{font-size: 13px;font-weight: bold;width: 50%;}
.forgotpwd{width: 335px;float: left;font-style: italic;font-size: 18px;}
.main-content-category{ display:table; width: 100%;margin: 0 auto 40px;}
.content-category1{ float:left; padding: 10px 30px;}
.content-category1 p{font-size: 16px;text-align: center;}
.category-menu-bar{display:table; width: auto;margin: 0 auto; margin-top:20px;}
.category-menu-bar ul li{ float:left;}
.category-menu-bar ul li a{font-size: 16px;text-decoration: underline; border-left:1px solid;padding: 0 6px;}
.main-content-category1{ display:table; width:100%;}
.category-menu-bar ul li:first-child a{ border-left:none;}
.category-detail{ display:table;width: 45%; margin:0 auto;}
.category-detail h1{ text-align:center;margin-bottom: 20px;}
.category-detail-left{ float:left;}
.category-detail-right{ float:right;margin-top: 22%;width: 42%;}
.category-detail-right p{text-align: center;font-size: 13px;margin-top: 10px;}
.category-detail-menu{ width:100%; display:table;margin: 0 auto;padding-bottom: 25px;padding-top: 20px;}
.category-detail-menu-left{ float:left;}
.category-detail-menu-left a{color: #DC9B03;font: bold 10pt 'Arial','Verdana';}
.category-detail-menu-left a:hover{text-decoration: underline;}
.category-detail-menu-right{ float:right;}
.category-detail-menu-right a{color: #DC9B03;font: bold 10pt 'Arial','Verdana';}
.category-detail-menu-right a:hover{text-decoration: underline;}
.header-nav{float: right;display: table;margin-top: 33px;margin-right: 20px;}
.header-nav ul li{ float:left;}
.header-nav ul li a{ padding:0 12px; font-size:16px;font-weight: bold; color:#DC9B03; border-left:1px solid #fff;line-height: .9;display: block;}
.header-nav ul li:first-child a{ border-left:none;}
.header-nav ul li a:hover{ text-decoration:underline;}
.menu-bar1{ background-image:url('../images/menubk.jpg'); width:100%; height:26px;margin-top: 9px;}
.menu-bar1 ul{margin: 0 auto;display: table;width: auto;}
.menu-bar1 ul li{ float:left;}
.menu-bar1 ul li a{font: bold 10pt 'Arial','Verdana'; color:#fff;padding: 5px 32px 5px;display: block;}
.menu-bar1 ul li a span{ margin-left:13px; color:#000;}
.menu-bar1 ul li a:hover{ background-color:#DC9B03;}
.menu-bar1 ul li ul{ display:none;}
.menu-bar1 ul li:hover ul{ display:inherit; z-index: 9999;position: absolute;}
.menu-bar1 ul li > ul li{ float:none;}
.content-category2 {float: left;padding: 10px 90px 10px 80px;}
.content-category2 p a{ text-align:center; color: #DC9B03; margin-top:5px; font-size:14px;font-weight: bold;}
.content-category2 p a:hover{ text-decoration:underline;}
.content-category2 p{ text-align:center;}
.products-content{ display:table;width: 86%;margin: 0 auto;margin-bottom: 20px;margin-top: 10px;}
.products-content-left{ float:left;}
.products-content-right{ float:right;}
.colm1{ float:left;font-size: 16px;padding: 3px;}
.colm1 a{ color: #DC9B03;}
.colm1 a:hover{ text-decoration:underline;}
.products-detail {display: table;width: 90%;margin: 0 auto;}
#products-detail-no-item{display : flex; min-height: 400px;}
.products-detail h1{text-align: left;margin-bottom: 20px;}
.compare{text-align: left !important;}
.products-detail-left{ float:left; max-width:44%}
.products-detail-left a img{border: none !important;}
.products-detail-right{ float:left;margin-top: 0%;margin-left: 1%;line-height: 20px;width: 50%;}
.products-detail-right p{font-size: 16px;margin-top: 3%;}
.products-detail-right p a{color: #DC9B03;font-size: 14px;font-weight:bold;}
#compare_left{margin: 10px 0 !important;}
#compare_right{ float:left;margin-top: 6%;margin-left: 5%;line-height: 20px;}
#myForm{float: left;margin: 2% 0 2% 0;width: 100%;}
.products-detail-right p a:hover{ text-decoration:underline;}
.products-detail-menu{ width:20%; float:left;}
.products-detail-menu a{color: #DC9B03;font: bold 10pt 'Arial','Verdana';}
.products-detail-menu a:hover{text-decoration: underline;}
.products-detail-menu2{ width:20%; float:left; text-align:center;}
.products-detail-menu2 a{color: #DC9B03;font: bold 10pt 'Arial','Verdana';}
.products-detail-menu2 a:hover{text-decoration: underline;}
.products-detail-menu1{ width:58%; float:left; text-align:right;}
.products-detail-menu1 a{color: #DC9B03;font: bold 10pt 'Arial','Verdana';}
.products-detail-menu1 a:hover{text-decoration: underline;}

.add_to_button{
width: 50%;
    float: left;
}

.products-content-right .colm1 form select {width: 47px;}
.products-content-left .colm1 form select {width: 47px;}
.contact-form-input1 select{width: 339px;float: left;}
.comparison{font-weight: bold;font-size: 32px;text-align: center;margin: 32px 0 70px;}
.no_item{font-size: 24px;font-weight: bold;text-align: center;}
.no_items{font-size: 24px;margin: 0 auto;}
#reloadCaptcha{font-size: 16px;}
.main-content-about h2{ text-align:center;font-size: 20px;font-weight: bold;}
.main-content-about h2:hover{text-decoration: underline;}
.row1{height:310px; /*border:1px solid #1f1f1f;*/ margin-bottom:10px;width: 228px;}
.row2{max-height: 310px; max-width: 228px;position: relative;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);width:100% !important;}
.row4{/*max-height: 310px; max-width:328px; */position: relative;/*top: 80%;transform: translateY(-50%);-webkit-transform: translateY(-50%);*/
MARGIN-TOP: 43px;
width: 100%;visibility: visible;opacity: 1;}
.row3{height: 410px; /*border: 1px solid #1f1f1f;*/margin-bottom: 10px;}
.row5{height: 390px; /*border: 1px solid #1f1f1f; */margin-bottom: 20px;}

.menu li a {
	display:block;
text-decoration:none;
padding:8px;
display:block;
color:#ffffff;
text-align: center;
width: 127px;
font: bold 10pt "Arial","Verdana";
 
-webkit-transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.2s ease-in-out 0s;
   -o-transition: all 0.2s ease-in-out 0s;
   -ms-transition: all 0.2s ease-in-out 0s;
   transition: all 0.2s ease-in-out 0s;
}

.email_cl{
width: 30%;
}
.message{
height: 80px;
}

@media (min-width :980px) and (max-width :1199px){
.add_to_button{
width: 100%;
    float: none;
}
	.container1{ width:98%;}
	.category-detail-left {width: 57%;}
	.main-content-left {width: 41%;}
	.main-content-left img {width: 100%;}
	.content-category2 {float: left;padding: 10px 50px 10px 40px;}
	.main-content-category1 {width: 962px;}
	.products-detail-right {margin-left: 3%;width: 53%;text-align: left;line-height: 1.2;}
		.content-right-main p img{width: 100%;}
		.content-right-main h1 img{width: 100%;}
		.menu li a {width: 110px;}
		.menu ul {width: 126px !important;}
		
		.email_cl{width: 100%;}
}
@media (min-width :768px) and (max-width :979px){
.add_to_button{
width: 100%;
    float: none;
}
.email_cl{width: 100%;}
	.menu li a {width: 87px;}
	.menu ul {width: 104px !important;}
	.mail_message{
		margin-left:44px;
	}
	.container1{ width:98%;}
	.contact-form {width: auto;}
	.contact-form-input1 input {width: 300px;}
	.contact-form-input1 label {width: 150px;}
	.contact-form-input2 input {width: 300px;}
	.forgotpwd{width: 300px;}
	.contact-form-input2 label {width: 150px;}
	.contact-form-submit {margin-left: 151px;}
	.Marvin-p {float: none;text-align: center;}
	.footer-id {float: none;text-align: center;}
	.main-content-left {width: 37%;}
	.content-category1 {padding: 10px 8px;}
	.category-detail-right {width: 48%;}
	.category-detail-left {width: 52%;}
	.main-content-left {width: 41%;}
	.main-content-left img {width: 100%;}
	.line-btn .line {margin-left: 0px;}
	.content-right-main h2 img{ width:100%;}
.content-right-main h1 img{ width:100%;}
.content-category2 {float: left;padding: 10px 10px 10px 10px;}
	.main-content-category1 {width: 750px;}
	.products-detail-right {margin-left: 3%;width: 45%;text-align: left;line-height: 1.2;}
	.contact-form-input1 select {width: 306px;}
	.main-content-right {width: 52%;}
	.content-right-main p img{width: 100%;}

}
@media (min-width :480px) and (max-width :767px){
.add_to_button{
width: 100%;
    float: none;
}
	
.email_cl{width: 100%;}
	.mail_message{
		margin-left:35px;
	}
	.container1{ width:98%;}
	.contact-form {width: auto;}
	.contact-form-input1 input {width: 330px;}
	.contact-form-input1 label {width: auto;float: none;margin-bottom: 8px;}
	.contact-form-input2 input {width: 330px;}
	.forgotpwd{width: 330px;}
	.contact-form-input2 label {width: auto;float: none;margin-bottom: 8px;}
	.contact-form-submit {margin-left: 0px;}
	.header-form-input2 input{width: 100px;}
	.header-form-input1 input{width: 100px;}
	.header-form{margin-right: 0px;}
	.Marvin-p {float: none;text-align: center;}
	.footer-id {float: none;text-align: center;}
	.main-content-left {float: none;width: 80%;margin: 0 auto;}
	.line-btn .line {width: 240px;margin-left: 0;}
	.main-content-right {float: none;width: 80%;margin: 0 auto;}
	.content-right-main h2 {margin-top: 0px;}
	.content-category1 {float: none;padding: 10px 0px; text-align:center;}
	.category-detail-right {float: none;margin-top: 12%;width: 100%;text-align: center;}
	.category-detail-left {float: none;text-align: center;}
		.letoilelogo img{ width:100%;}
		.category-detail{width: 58%;}
		.content-right-main h2 img{ width:100%;}
.content-right-main h1 img{ width:100%;}
.main-content-category1 {display: table;width: auto;margin: 0 auto;}
.content-category2 {float:none;padding: 10px 0px;}
.products-content {width:100%;}
.main-content-category {width: 90%;}
.header-nav ul li a {padding: 0px 9px;font-size: 14px;}
.products-detail-left {float: none;margin: 0 auto;display: table;}
.products-detail-left {float: none;margin: 0 auto;display: table;}
.products-detail-right { float: none;margin-top: 6%;margin-left: 0;margin: 0 auto;display: table;text-align: left;width: 100%;}
#compare_right{display: inline !important;}
#compare_right h1{text-align: left !important;}
.products-detail-menu {width: 100%;float: none;text-align: center;}
.products-detail-menu1 {width: 100%;float: none;text-align: center;margin-top: 5px;}
.products-detail-menu2 {width: 100%;float: none;text-align: center;margin-top: 5px;}
.contact-form-input1 select {width: 334px;}
.main-content-left img {width: 100%;}
.content-right-main h1 img {width: 100%;}
.content-right-main p img{width: 100%;}
}
@media (min-width :280px) and (max-width :479px){
.add_to_button{
width: 100%;
    float: none;
}
.email_cl{width: 100%;}
	.mail_message{
		margin-left:25px;
	}
	.container1{ width:98%;}
	.contact-form {width:90%;}
	.contact-form-input1 input {width: 98%;}
	.contact-form-input1 label {width: auto;float: none;margin-bottom: 8px;}
	.contact-form-input2 input {width: 80%;}
	.forgotpwd{width: 80%;}
	.contact-form-input2 label {width: auto;float: none;margin-bottom: 8px;}
	.contact-form-submit {margin-left: 0px;}
	.header-form-input1 input {width: 230px;}
	.header-form-input1 label {display: block;margin-bottom: 4px;}
	.header-form-input2 input {width: 230px;}
	.header-form-input2 label {display: block;margin-bottom: 4px;}
	.header-form-input {float: none;width: 100%;}
	.header-form {margin-right: 0px;width: auto;margin: 0 auto;float: none;}
	.header-form span {float: left;margin-top: 9px;margin-left: 9px;}
	.header-form-input1 {float: none;}
	.header-form-input2 {float: none;}
	.header-form form{float:none;margin-top: 20px;}
	.header-form-submit{float: left;margin-left: 0;margin-top: 5px;}
	.Marvin-p {float: none;text-align: center;}
	.footer-id {float: none;text-align: center;}
	.main-content-left {float: none;width: 80%;margin: 0 auto;}
	.line-btn .line {width: 240px;margin-left: 0;}
	.main-content-right {float: none;width: 80%;margin: 0 auto;}
	.content-right-main h2 {margin-top: 0px;}
	.line-btn .btn1 {margin-top: 5px;}
	.content-category1 {float: none;padding: 10px 0px; text-align:center;}
		.category-detail-right {float: none;margin-top: 12%;width: 100%;text-align: center;}
	.category-detail-left {float: none;text-align: center;}
	.letoilelogo img{ width:100%;}
	.compare-div{margin: 50px 40px;}
	#compare_right{display: inline !important; float: none !important;}
	#compare_right h1{text-align: left !important;}
	.category-detail-left img{ width:100%;}
	.category-detail{width: 70%;}
	.content-right-main h2 img{ width:100%;}
.content-right-main h1 img{ width:100%;}
.main-content-left img {width: 100%;}
.contact-form-input1 {width: 100%;}
.main-content-category1 {display: table;width: auto;margin: 0 auto;}
.content-category2 {float:none;padding: 10px 0px;}
.products-content-left {float: none;display: table;margin: 0px auto;margin-bottom: 10px;}
.products-content-right {float: none;margin: 0px auto;display: table;}
.products-content {display: table;width: 100%; margin: 0;}
.header-nav ul li {margin-top: 5px;}
.header-nav ul li a {padding: 0px 9px;font-size: 14px;}
.header-nav {float: none;margin-right: 0px;margin-top: 15px; margin:0 auto;}
.header-nav ul{margin-top: 15px;width: 245px;}
.products-detail-left {float: none;margin: 0 auto;display: table;}
.products-detail-right { float: none;margin-top: 6%;margin-left: 0;margin: 0 auto;display: table;text-align: left; width: 100%;}
.products-detail-menu {width: 100%;float: none;text-align: center;}
.products-detail-menu1 {width: 100%;float: none;text-align: center;margin-top: 5px;}
.products-detail-menu2 {width: 100%;float: none;text-align: center;margin-top: 5px;}
.products-detail-left img{ width:100%;}
.contact-form-input1 select {width: 99%;}
#reloadCaptcha{float: left;font-size: 16px;margin-top: 24px;}
.main-content-left img {width: 100%;}
.content-right-main h1 img {width: 100%;}
.content-right-main p img{width: 100%;}
}
/* menu starts here */
.menu-bar2{ background-image:url('../images/menubk.jpg'); width:100%; margin-top: 9px;}

#cat-parent:after{content: "";
background: url("../images/arrow_r.gif") no-repeat scroll right 0 rgba(0, 0, 0, 0);width:24px;display:inline-block;height: 7px;}

 
.menu li{display: inline-block;
position: relative;
z-index:100;}
 

.sub-menu{background: #131313;}
.sub-menu li a{text-align: left !important;}
 
.menu li a:hover, .menu li:hover > a{color:#ffffff;
background:#DC9B03;}

/* hide the second level menu */
.menu ul {display: none;
margin: 0;
padding: 0;
width: 166px;
position: absolute;
top: 31px;
left: 0px;
cursor: pointer;
}
 
/* display second level menu on hover */
.menu li:hover > ul{ display: block;}
 
.menu ul li {display:block;
float: none;
background:none;
margin:0;
padding:0;
}
 
.menu ul li a {font-size:12px;
display:block;
color:#fff;}
 
.menu ul li a:hover, .menu ul li:hover > a{
background:#DC9B03;
color:#fff;
}

/* change level 3 menu positions */
.menu ul ul {left: 149px;
	top: 0px;
}
.icon-reorder {
    float: right;
	font-size: 11px;
}
.mobile-menu{display:none;
/* width:90%; */
padding:11px;
background:#DC9B03;
color:#ffffff;
text-transform:uppercase;
font-weight:600;
}
.mobile-menu:hover{background:#DC9B03;
color:#ffffff;
text-decoration:none;
}

/* media queries for menu starts here*/

@media (max-width: 767px) {
 #touch-menu{color: #fff !important;}
.menu{display:none;}
 
.mobile-menu{display:block;
margin-top:30px;}
 
nav{margin:0;
background:none;}
 
.menu li{display:block;
margin:0;}
 
.menu li a {color:#fff !important;}
 
.menu li a:hover, .menu li:hover > a{
background:none!important;}

.menu-bar2{background: none !important;}
.menu li a {text-align: left !important;}
.sub-menu{background: none!important;}
.sub-menu li a{font-size: 11px !important;}
.sub-menu li a:before{content: " - ";}
 
/*level 2 and 3 - make same width as all items*/
.menu ul {display:block;
position:relative;
top:0;
left:0;}
 
.menu ul ul {left:0;}
.products-detail {display: initial;}
.products-detail-left {display: initial;}
 
}/*end media queries*/


.footer_img {
    background-image: url(../images/menubk.jpg);
    background-repeat: repeat;
}
.footer_second {
    width: 100%;
    display: table;
    padding: 0px 0;
}
.featured_cl{
margin-top:10px;
}

.featured_cl a{
    font-size: 16px;
    font-weight: bold;
    color: #DC9B03;
    display: block;
    text-align: center;
	
	}

.featured_h_cl h1{
margin-top:25px;
}
.featured_container{
width: 50%;
    margin: 0 auto;
    display: table;
    padding: 30px 5px 70px;
}
.featured_container p{
font-size: 16px;
    margin-top: 3%;
	    line-height: 20px;
}


.footer-id.web-print {
    display: none;
}

.prntonly {
   display: none;
}

.products-detail-left .image-additional-left img {
    width: auto;
}