@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
@font-face { font-family:museosans; src: url("museosans.ttf")  }
@font-face { font-family:museosans; src: url("museosans.eot")  }

body{ overflow-x:hidden}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
audio, canvas, video {  display: inline;  zoom: 1;}
html {  font-size: 100%;  -webkit-font-smoothing: antialiased;  -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%;}
body{position: relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:21px;  -webkit-text-size-adjust: 100%;  -webkit-font-smoothing: antialiased; background-color:#eaebec; position:relative; border:1px #f00 solid}
a{text-decoration:none;-webkit-transition:color .25s ease-out;-moz-transition:color .25s ease-out;-o-transition:color .25s ease-out;
transition:color .25s ease-out; color:#000; cursor:pointer}
img{border:0px; max-width:100% !important; height:auto !important}
body, p, table, tr, td, a, span, div, ul, li, span{	margin:0px;	padding:0px;}
.clr {	clear:both;	height:0px !important;	width:100%;	line-height:0px;	margin:0px;	padding:0px;}
.row:before, .row:after {	display: table;	content: "";	line-height: 0;}
.row:after {clear: both;}
[class*="col-"] { float: left; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;   box-sizing: border-box; -webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;}
.header{ display:none}

.container, .container1{ width:1014px; margin:0 auto; }

select option {
    padding: 2px 7px;
}
select {
    padding: 2px 7px;
    border: 1px solid #CCC;
}
.fr{ float:right;}
.fl{ float:left}
.textright{ text-align:right }
.textcenter{ text-align:center !important}
.col-1{ width:48%}
.col-2{ width:100%}

.col-5{ width:48%}


.pull-left1{ margin-left:1%}
.pull-left2{ margin-left:2%}
.pull-left3{ margin-left:3%}
.pull-left4{ margin-left:4%}
.pull-left24{ margin-left:24%}


.whitebg{ background-color:#fff}
.redbg{ background-color:#d70204;}
.white{ color:#fff !important}
.black{ color:#000 !important}
.greybg{ background-color:#eeeeee !important}





#homepageee{  }
.homebanner{ height:480px; overflow:hidden} 
.homebanner img{ width:100%; height:auto; display:block;}
#logisection{ width:465px; margin:60px auto;  position:absolute; left:0; right:0; top:0; z-index:90 } 
.mainhead{ font-family:Lato; line-height:30px; font-size:27px; font-weight:300; margin:40px 0}
#formsection{  border:1px #c7c7c8 solid; border-bottom:1px #ebeced solid; border-radius:13px; -o-border-radius:13px; -ms-border-radius:13px; -moz-border-radius:13px; -webkit-border-radius:13px; overflow:hidden;background:#fefefe url(../images/innershadow-form.jpg) repeat-x top; width:296px; margin:0 auto;   box-shadow:0px 0px 13px #d2d3d5; -o-box-shadow:0px 0px 13px #d2d3d5; -moz-box-shadow:0px 0px 13px #d2d3d5; -webkit-box-shadow:0px 0px 13px #d2d3d5; -ms-box-shadow:0px 0px 13px #d2d3d5; padding:40px 23px;}
#formsection p{ text-transform:uppercase; font-size:14px; font-family:lato; margin-left:5px; }
#formsection .field{ border:1px #e0e0e0 solid; border-radius:40px; width:94%; padding:0 3%; line-height:37px; margin:7px 0 18px 0; background-image:url(../images/input-icon.png); background-repeat:no-repeat; box-shadow:1px 1px 1px #dfdfdf inset; -moz-box-shadow:1px 1px 1px #dfdfdf inset; -o-box-shadow:1px 1px 1px #dfdfdf inset; -ms-box-shadow:1px 1px 1px #dfdfdf inset; -webkit-box-shadow:1px 1px 1px #dfdfdf inset; }
#formsection .submitt{ background:#0f7cb5 url(../images/submit-bg.jpg) repeat-x; line-height:31px; width:90%; margin:0 auto; font-family:Lato; font-size:14px; text-transform:uppercase; color:#fff; border:1px #1081bd solid; display:inline-block;}
#formsection .field.f-icon1{  background-position:95% 9px;}
#formsection .field.f-icon2{  background-position:95% -30px;}
#shadowsection{ background-color:#eaebec; position:; height:300px; bottom:0; width:100%; left:0;right:0; position:relative;  }
#shadowsection img{ width:100%; height:auto; position:absolute; top:2px; left:0; right:0; margin:0 auto}
.copyright{ background-color:#d0d2d6; height:15px; position: absolute; width:100%; bottom:-2px; left:0;right:0; z-index:9999999999}
#main{ position:fixed; height:100%; width:100%; background-color:#f00 }
.hidelogo{ display:none; padding:10px 0}
#lefection{ background-color:#2b2f3e; position: absolute; overflow: auto ; overflow-x:hidden; width:20%; left:0px; top:0; bottom:0; height:90% !important; padding:2% 0; }
.logo a{ display:block}
#lefection nav ul{ border-top:1px #4b4f5c solid;  border-bottom:1px #4b4f5c solid;}
#lefection nav ul li{ list-style:none; font-family:Lato; font-size:13px; padding:10px; }
#lefection nav ul li+li{ border-top:1px #4b4f5c solid;  }
#lefection nav ul li a{  padding:7px 15% 7px 5%; color:#cfd3e2; text-transform:uppercase;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out; }
#lefection nav ul li a span{ background:url(../images/nav-icon1.png) no-repeat 0 3px; padding:0 0 0 20px; 	}
#lefection nav ul li b{ right:0px;color:#FFF; }

#lefection nav ul li ul li{
	border:none
}

#rightsection{ background-color:#f9f9f9; position: absolute; overflow: auto ; overflow-x:hidden; width:80%; right:0px; top:0; bottom:0; height:100% !important; }


#rightsection .code{ font-size:15px; text-transform:uppercase; background:#f2f2f4 url(../images/innerbg1.jpg) repeat-x bottom; line-height:26px; padding:10px 20px 30px 20px ; text-align:right; font-family:Lato; font-weight:300;  }
#rightsection .code span{ margin-left:26px; display:inline-block}


#logosection{padding:15px 20px; display:block; font-family:Lato; }
#logosection h1{  font-size:35px; text-transform:uppercase; font-weight:300; line-height:52px;}
#logosection h1 span{ font-size:16px; text-transform:none !important;}
.logoutbutton{ border:1px #cacacf  solid; background-color:#d8d9dc; display:inline-block; padding:2px 10px 2px 20px; margin-left:10px; position:relative; font-size:17px; font-weight:300; border-radius:6px; }
.logoutbutton:after{ content:""; width:6px; height:6px; background-color:#d40000; border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; left:5px; top:40%; position:absolute;}


.righttet{ text-transform:uppercase; font-size:20px; font-family:Lato; font-weight:300}
#mainbutton{padding:0px 20px 25px 20px;}
.icon1{ background-image:url(../images/box-icon1.png) }
.icon2{ background-image:url(../images/box-icon2.png) }
.icon3{ background-image:url(../images/box-icon3.png) }
.icon4{ background-image:url(../images/box-icon4.png) }
.icon5{ background-image:url(../images/box-icon5.png) }
.bg1{ background-color:#e9573f}
.bg2{ background-color:#4dc5f9}
.bg3{ background-color:#70ba63}
.bg4{ background-color:#feb252}
.bg5{ background-color:#7e62b4}
.bg6{ background-color:#e05d6f}
.bg7{ background-color:#16a085}
#searchsection{padding:25px 20px; background:url(../images/form-between-shadow.png) no-repeat 50.5% 0}
#searchsection .form{ background-color:#fff; margin:10px 20px; padding:4px 3px; text-align:left; }
#searchsection .form .forminner{ background:url(../images/forminner-bg.jpg) repeat-x bottom; padding:28px;  border-radius:6px; -o-border-radius:6px; -ms-border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;  display:block;}
.formhed{ font-family:Lato; font-size:18px; text-transform:uppercase; font-weight:300; border-left:3px solid; padding:5px 10px; text-align:left; position:relative;}
.formhed img{ position:absolute; left:0; top:10px; }
.bdcolor1{ border-color:#e05d6f}
.bdcolor2{ border-color:#16a085}
.searchtext{ padding:11px; background-color:#dbe0e2; position:relative; margin:25px 0;}
.searchtext input{ background-color:#fff; height:32px; line-height:32px; width:96%; padding:0 2%; border:0;}
.searchtext img{ position:absolute; right:11px; top:11px;}
.gett{ font-family:Lato; font-size:18px; font-weight:400;  padding:7px 20px; border-radius:38px; border:0; color:#fff; text-transform:uppercase;}
#sectionoption{ padding:30px 0; margin:0 20px; border-top:1px #dbe0e2  dashed; color:#535766; font-family:Lato; font-size:19px; font-weight:300; text-align:center; text-transform:uppercase; }
#sectionoption select{ border-radius:8px; -o-border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -ms-border-radius:8px; border:1px #dbe0e2 solid; padding:5px 10px; color:#666; font-family:Lato; margin-left:5px;}
.error{color:#F00; text-transform:capitalize !important; margin:0px 0px 10px 10px}

.searcharea {
	width:100%; text-align:right; margin-bottom:10px; clear:both
}

.searcharea .input{
	min-width:280px;
	border: solid 1px #d6d6d6; 
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	vertical-align: middle;
}

/* FORM ------------------------------------------------------- */	
.form-submit	{
	background: url(../images/form_submit.gif) no-repeat;
	border: none;
	cursor: pointer;
	display: block;
	float: left;
	height: 30px;
	margin: 0 4px 0 0;
	padding: 0;
	text-indent: -3000px;
	width: 80px;
	}
.form-reset	{
	background: url(../images/form_reset.gif) no-repeat;
	border: none;
	cursor: pointer;
	display: block;
	float: left;
	height: 30px;
	text-indent: -3000px;
	width: 80px;
	}
.form-select	{
	height: 32px;
	width: 197px;
	padding:0px 6px;
	border:none;
	background:  url(../images/form_select.gif) no-repeat
	}
#id-form	{
	width:100%
	}
.inp-form	{
	background: url(../images/form_inp.gif) no-repeat;
	border: none;
	color: #393939;
	height: 32px; 
	padding: 0px 6px 0 6px;
	width: 186px;
	}
	
.inp-form-error	{
	background: url(../images/form_inp_error.gif) no-repeat;
	border: none; 
	color: #393939;
	height: 25px;
	padding: 6px 6px 0 6px;
	width: 187px;
	}
.form-textarea	{
	background: url(../images/form_textarea.gif) no-repeat;
	border: none;
	color: #393939;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 97px;
	overflow: auto;
	padding: 6px 6px 0 6px;
	width: 378px;
	}

.form-checkbox	label{
	display:block; text-transform:capitalize
	}
.form-checkbox .checkbox{
	margin-right:4px;
}
#id-form td	{
	padding: 0 0 10px 0;
	}
#id-form td.noheight	{
	padding: 0 0 0px 0;
	}
#id-form th	{
	line-height: 28px;
	min-width: 200px;
	padding:10px;
	text-align: left;
	width: 130px;
	}
#id-form td	{
	padding:10px;
	}


#id-form tr:nth-child(odd){ background-color:#f9f9f9; }
#id-form tr:nth-child(even)    { background-color:#ffffff; }

.pagination { margin:0px auto; text-align:center}
.pagination a{
	background:#2B2F3E ; padding:3px 6px; margin-right:5px; color:#FFF; font-weight:bold
}
.pagination strong{
	background:#46B8DA; padding:3px 6px; margin-right:5px; color:#FFF
}

.scrollbox {
  padding:5px;
  border: 1px solid #CCCCCC;
  width: 350px;
  height: 100px;
  background: #FFFFFF;
  overflow-y: scroll;
}
.bgredcol{
	background: #900;
}
.alert{
	 width:100%; padding:5px; color:#FFF; font-weight:bold;
}
.alert a{
	display:block
}

#ttlcats ul{}
#ttlcats ul li{ list-style:none; display:inline-block; width:46.8%; background: #efefef; margin:5px; border:solid 1px #ac0601; padding-left:1%}	
#ttlcats ul li a{ float:right; margin-right:10px}

#ttlbrands ul{}
#ttlbrands ul li{ list-style:none; display:inline-block; width:46.8%; background: #efefef; margin:5px; border:solid 1px #ac0601; padding-left:1%}	
#ttlbrands ul li a{ float:right; margin-right:10px}	


.imguploadicon{

	position:relative;

	padding:5px;

  	height: 150px;

  	width:150px;

	text-align:center;

	border:solid 1px #CCC !important

}

.imguploadicon img{

	display:block;

	margin:0px auto;

}

.imguploadicon span{

	text-align:center;

	display:block

}

.imguploadicon .upload{

	position:absolute;

	top: 0px;

  	right: 0px;

  	z-index: 2;

  	filter: alpha(opacity=0);

  	opacity: 0;

  	cursor: pointer;

  	height: 150px;

  	width:150px;

	

}



.autobrandresult{
	z-index:1000;
	position:absolute;
	width:20%;
	 border: 1px solid #999; background: #fff; cursor: default; overflow: auto; 
}
.autobrandresult .show1{
	padding:4px;
}
.autobrandresult .show1:hover{
	background:#CCC
}

.success, .warning, .attention, .information {
	padding: 10px 10px 10px 33px;
	margin-bottom: 15px;
	color: #555555;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.success {
	background: #EAF7D9 url('../images/success.png') 10px center no-repeat;
	border: 1px solid #BBDF8D;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.warning {
    background: #FFD1D1 url("../images/warning.png") no-repeat scroll 10px center;
    border: 1px solid #F8ACAC;
    border-radius: 5px;
    padding: 10px 10px 10px 33px;
    margin-bottom: 15px;
    color: #555;
    border-radius: 5px;
}

 @media (min-width: 1200px) {  
 .row:before, .row:after {	display: table;	content: "";	line-height: 0;}
.row:after {clear: both;}
[class*="col-"] { float: left; min-height: 1px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;   box-sizing: border-box; -webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;}
.container{width:1060px !important;  } 
.container1{ width:1133px; margin:0 auto; }
header nav ul li a{  padding:22px 17px;  }

.homebanner{ height:520px; overflow:hidden} 




}
@media (min-width: 979px) {  body{ border:1px #000 solid}  
 .row { *zoom: 1;}
 .row:before,  .row:after { display: table; content: ""; line-height: 0;}
 .row:after { clear: both;}
 [class*="col-"] { float: left; min-height: 1px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;}
.container, .container1{ width:970px;} 




}
@media (min-width: 768px) and (max-width: 979px) { body{ border:1px #0f0 solid}  
 .row {  *zoom: 1;}
  .header{ display: none }
 
 
 .row:before,  .row:after { display: table; content: ""; line-height: 0;}
 .row:after { clear: both;}
 [class*="col-"] { float: left; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;   box-sizing: border-box; -webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out; }
 .container{width: 757px;}
 
 
 
 
 
 
 
 
  
.homebanner{ height:375px; } 
#logisection{  margin:15px auto; } 
.mainhead{ margin:15px 0}

#mainbutton ul li{ width:32%;}
#mainbutton ul li+li{ margin-left:1%}



}
@media (max-width: 767px) {  body{ border:1px #f00 solid}
 body { padding:0px }
 .container { width: auto;}
 

 [class*="col-"] { float: none; display: block; width: 98%; padding:0 1%;   -webkit-box-sizing: border-box; -moz-box-sizing: border-box;   box-sizing: border-box; -webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out; margin-bottom:5px;} 
 .header{ display: inherit }
 nav{ display:none !important}
.hidelogo{ display: inherit !important}

.pull-left1, .pull-left2, .pull-left3, .pull-left4{ margin-left:0}













.homebanner{ height: auto; } 

#logisection{ width:80%; margin:20px auto; }
.mainhead{ margin:15px 0}
#formsection{ width:80%;padding:20px 23px;}
#shadowsection{ height:400px;  }





#mainbutton ul li{ width:48%; margin:0 1% 10px 1%}
#mainbutton ul li+li{ margin-left:0}



#searchsection{padding:15px 10px; background:none}
#searchsection .form{ margin:0 10px;  }
#searchsection .form .forminner{ padding:18px;  }



#lefection{ display:none;  }
#rightsection{ width:100% ; }
#rightsection .code span{ margin-left:0}
#logosection h1{ line-height:35px;}
#logosection h1 span{ display:block}





















}


@media only all and (max-width: 450px){ 
#shadowsection{ height:450px;  }


#mainbutton ul li{ width:99%;}
#mainbutton ul li+li{ margin-left:0}

.righttet{ text-align:center}
.righttet  a{ margin:5px 0}





}