/*-------------------SHOW MOBILE AND DESKTOP----------------------*/
.mobile{display:none;}
.desktop{display:block;}
/*RESET*/
h1,h2,h3,p,a,li{padding:0px;margin:0px;text-decoration:none;}
/*TEXT*/
p,li{font-size:12px;}
h1{margin-bottom:10px;font-size:18px;font-weight:normal;}
a,h1{text-transform: capitalize;}
a{cursor:pointer;}
/*LAYOUT*/
body{width:960px;margin:auto;position:relative;font-family:arial;/*background:#f29e00;*/

  background-image: url("../images/patterns/yenzah-pattern-logo.png");
  background-repeat: repeat-y repeat-x;
  background-size: 156px 156px;



}
/*------------------------------HEADER-------------------------------------------------*/
#header{width:960px;height:40px;background:orange;float:left;position:relative;}
#header-logo{width:140px;height:40px;background:orange;float:left;}
#header-logo img{width:100%;float:left;}
#header-menu-button{width:40px;height:40px;background:black;float:right;cursor:pointer;}
#header-menu-button img{width:40px;height:40px;float:left;cursor:pointer;}/*MENU*/
/*Menu*/
#menu{width:960px;height:495px;background:;margin-top:40px;position:absolute;display:none;z-index:2000;overflow:hidden;}
#menuframe{width:920px;height:315px;background:orange;float:left;padding:20px;}
#menulist{width:152px;height:300px;background:;float:left;}
#menulist h1{font-size:14px;font-weight:bold;margin-bottom:10px;}
#menulist li{list-style:none;font-size:12px;}
#menulist li a{color:black;}
#menulist li a:hover{color:black;font-weight:bold;}
/*Search Box*/
#search-box{width:960px;height:65px;background:black;float:left;bottom:0px;position:relative;}
#search-bar{width:888px;height:25px;border:none;margin-left:20px;margin-top:20px;float:left;padding-left:5px;font-size:12px;}
#search-button{float:left;margin-right:20px;margin-top:20px;border:none;color:white;background:orange;padding-top:5px;padding-bottom:5px;height:25px;cursor:pointer;}
/*-----------------------------ADSLOTS---------------------------------------*/
#adslot{width:960px;height:80px;float:left;background:orange;}
#adslot img{width:100%;float:left;}
#adslot-header{width:960px;height:80px;float:left;}
#adslot-header{width:100%;float:left;}
#adslot-big{width:100%;float:left;}
#adslot-big img{width:100%;float:left;}
/*-------------------------------PAGE--------------------------------------------------*/
/*Main image and slider*/
#mainimgbox{width:960px;height:500px;background:orange;float:left;}
#mainimgbox img{float:left;width:100%;}
#maincontentbox{width:900px;height:280px;background:orange;float:left;padding:30px;padding-top:30px;}
/*page splits*/
#boxleft{list-style:none;width:380px;float:left;margin-left:-45px;}
#boxright{list-style:none;width:380px;float:right;}
/*
#boxminileft{list-style:none;width:200px;float:left;}
#boxminiright{list-style:none;width:200px;float:right;}
#boxminiright a{color:black;}
#boxminiright a:hover{color:black;font-weight:bold;}*/
#squarebox{width:210px;height:240px;background:;float:left;margin-right:20px;}
#squarebox2{width:210px;height:240px;background:;float:left;margin-right:0px;}
#squarebox a{color:black;}
#squarebox a:hover{color:black;font-weight:bold;}

/*---------------------------DISPLAY BRANDS---------------------------------------*/
#brand-logos{width:930px;float:left;padding-left:20px;padding-right:10px;height:420px;background:orange;overflow:hidden;padding-top:20px;}
#brand-logos div{width:94px;height:94px;background:#f29e1c;float:left;margin-right:9px;margin-bottom:8px;}
#brand-logos img{width:100%;}
#brand-logos a:hover img{width:110%;height:110%;margin-left:-5px}
#brand-logos-holder{height:235px;overflow:hidden;float:left;}

/*---------------------------DISPLAY CARS BOXES---------------------------------------*/
/*car boxes*/
#carsbox{width:960px;height:300px;background:black;float:left;}
#box-list{width:280px;height:240px;background:;float:left;padding:20px;}
#box-list #top{width:100%;height:35px;background:;overflow:hidden;}
#box-list #top img{float:left;height:30px;}
#box-list #top h1{font-size:18px;font-weight:normal;color:orange;float:left;height:25px;width:200px;margin-top:5px;}
#box-list a{color:black;}
#box-list a:hover div{background:black;color:orange;}
#box-list #crop{overflow:hidden;height:206px;}
#car-list{width:280px;height:50px;background:#f29e00;float:left;margin-bottom:2px;position:relative;}
#car-list li{font-size:12px;list-style:none;margin-left:-5px;}
#car-list #car-title{font-size:12px;list-style:none;margin-top:2px;}
#car-list img{height:50px;padding-right:7px;float:left;}
#linklist{width:100%;height:35px;background:;overflow:hidden;float:left;}
#linklist a{font-size:12px;font-weight:bold;color:orange;float:left;height:25px;width:100%x;margin-top:5px;text-align:center;}
#perecnt-off{padding:0px;margin:0px;background:black;width:50px;position:absolute;color:orange;font-size:11px;height:14px;top:35px;left:226px;padding-left:4px;padding-top:1px;font-weight:bold;display:none;}
#perecnt-off-big{
	padding:0px;
	margin:0px;
	background:black;
	width:50px;
	position:absolute;
	color:orange;
	font-size:18px;
	height:48px;
	top:0px;
	left:540px;
	padding-left:4px;
	padding-top:1px;
	font-weight:normal;padding-left:10px;display:none;}

/*-----------------------------VIEW CAR---------------------------------------*/
/*naviagtion menu*/
#nav-menu{width:100%;background:#f29e00;height:30px;float:left;}
#nav-menu a{color:black;font-weight:bold;}
#nav-menu a:hover{color:black;font-weight:bold;}
#nav-menu p{font-size:12px;font-weight:bold;color:black;margin-left:20px;margin-top:10px;}
/*car heading title*/
#car-header{width:100%;background:orange;height:35px;float:left;}
#car-header h1{font-size:18px;font-weight:normal;margin-left:20px;float:left;margin-top:5px;}
/*preview car*/
#car-previw{width:598px;height:321px;background:black;float:left;overflow:hidden;}
#car-table{width:360px;height:auto;border:1px solid black;margin-top:0px;margin-bottom:0px;border-bottom:none;float:right;overflow:hidden;background:orange;}
/*details car*/
#car-titles li{list-style:none;width:150;border-bottom:1px solid black;padding:0px;margin:0px;font-weight:bold;padding-left:5px;font-size:12px;height:13px;padding-top:1px;padding-bottom:1px;}
#car-titles{border-right:1px solid black;float:left;width:155px;}
#car-details{float:left;width:180px;}
#car-details li{list-style:none;width:218;border-bottom:1px solid black;padding:0pc;margin:0pc;font-weight:normal;padding-left:5px;font-size:12px;height:15px;padding-top:0px;}
/*-----------------------------SHARE AND CONTACT---------------------------------------*/
/*SHAREBOX*/
#sharebox{width:598px;height:50px;background:black;float:left;}
/*share pop*/
#sharepop{top:0px;width:598px;height:128px;background:black;position:absolute;display:none;z-index:1000;left:0px;border-bottom:2px solid orange;}
#sharepop h1{WIDTH:20PX;HEIGHT:20PX;float:right;font-size:18px;background:orange;color:black;font-weight:bold;cursor:pointer;text-align:center;}
#sharepoplink{width:340px;padding:20px;float:left;padding-left:90px;padding-top:0px;} 
#sharepoplink div{width:70px;height:70px;background:;float:left;margin:5px;}
#sharepoplink div p{WIDTH:70PX;FLOAT:LEFT;PADDING:0PX;MARGIN:0PX;text-align:center;color:orange;}
#sharebutton{width:100px;height:25px;background:orange;margin-left:10px;float:left;margin-top:10px;cursor:pointer;}
#sharebutton p{color:black;padding:6px;font-weight:bold;padding-top:5px;}




/*CONTACTBOX*/
#contactbox{width:362px;height:50px;background:black;float:right;}
#contactbox	p{color:orange;margin:0px;padding:0px;font-size:14px;margin-left:0px;text-align:center;margin-top:5px;}
#contactbox h1{font-size:18px;font-weight:normal;margin-left:0px;float:left;color:orange;text-align:center;width:100%;float:left;padding:0px;margin:0px;}
#contactbox	a{color:orange;text-decoration:none;}
/*call pop*/
#callpop{top:0px;width:362px;height:128px;background:black;position:absolute;display:none;z-index:1000;left:0px;border-bottom:2px solid orange;}
#callpop h1{WIDTH:20PX;HEIGHT:20PX;BACKGROUND:BLACK;float:right;cursor:hand;font-size:18px;background:orange;color:black;font-weight:bold;cursor:pointer;text-align:center;}
#poplinks{width:340px;padding:20px;float:left;padding-left:90px;padding-top:0px;}
#poplinks div{width:70px;height:70px;background:;float:left;margin:10px;}
#poplinks div p{WIDTH:70PX;FLOAT:LEFT;PADDING:0PX;MARGIN:0PX;text-align:center;}
/*-----------------------------SEARCH CAR AND BROWSE---------------------------------------*/

/*browse*/
#pageheaderbox{background:BLACK;height:20px;float:left;width:920px;padding:20px;}
#pageheaderbox h1{color:orange;margin:0px;padding:0px;font-weight:normal;font-size:30px;height:25px;float:left;margin-top:-5px;font-weight:bold;}
#pageheaderboxline{width:100%;height:20px;background:orange;float:left;}
#pageheaderlogobox{width:80px;height:80px;background:red;float:left;margin-right:10px;background:#f29e1c;margin-bottom:10px;}
#pageheaderlogobox img{width:100%;}



#display_resultsbox{width:640px;height:571px;float:left;background:red;}
#display_results{width:600px;height:516px;float:left;background:#ffa500;padding:20px;PADDING-TOP:0PX;}
/*navigation bar*/
#nav-browse{width:640px;height:35px;float:left;background:#f29e00;}
#next{font-size:12px;float:right;margin:0px;padding:0px;background:black;width:100px;text-align:center;height:25px;padding-top:10px;}
#prev{font-size:12px;float:left;margin:0px;padding:0px;background:black;width:100px;text-align:center;height:25px;padding-top:10px}
/*sidebar*/
#sidebar{width:320px;height:571px;float:left;background:black;}




/*search car*/
#resultsholder{float:left;width:960px}
#resultsdisplay	{height:525px;background:BLACK;width:920;float:left;padding:20px;}
#topresultboxcontro{height:525px;background:BLACK;width:920;float:left;overflow:hidden;}
#result-list{width:280px;height:50px;background:#f29e00;float:left;margin-bottom:2px;width:100%;position:relative;}
#result-list li{font-size:12px;list-style:none;}
#result-list img{height:50px;padding-right:10px;float:left;}
#result-list li {color:black;}
#result-list:hover{background:black;color:orange;}
#result-list:hover li{color:orange;}
#result-list #car-title{font-size:12px;list-style:none;margin-top:2px;}
/*search car top results*/
#topresult{width:99%;height:46px;background:orange;float:left;padding-left:1%;padding-top:1%;margin-bottom:2px;}	
#topresult h1{font-size:20px;font-weight:bold;color:black;margin:0px;padding:0px;}
#topresult p{float:left;color:black}

/*------------------------------FOOTER---------------------------------------*/
#footer{width:960px;height:30px;background:black;float:left;position:relative;}
#footer-logo{width:125px;height:30px;background:orange;float:RIGHT;}
#footer-logo img{height:30px;float:left;}
#footer a{font-size:11px;color:grey;margin-right:10px;}
#footer p {color:orange;font-size:11px;margin-left:20px;margin-top:10px;}


/*------------------------------INFOBOXES---------------------------------------*/
#infoboxmain{width:960px;height:250px;float:left;background:orange;}
#infobox{width:280px;padding:20px;float:left;background:;}
#infobox div{height:30px;float:left;width:100%;background:;margin-bottom:10px;}
#infobox div h1{margin-top:10px;}
#infobox div img{width:40px;float:left}
#rating{height:20px;margin-top:5px;}
#infoboxmain h1{color:black;}


#infoboxmainblack{width:960px;height:250px;float:left;background:black;}
#infoboxmainblack p,#infoboxmainblack h1{color:orange;}
#infoboxmainheader{width:920px;padding:20px;text-align:center;}
#infoboxmainheader h1{font-size:30px;font-weight:bold;height:25px;}


/*------------------------------DASHBOARD---------------------------------------*/
#loginform{width:200px;margin:auto;}
#submit_btn{display:NONE;}

#dashboard_side{width:200px;height:770px;background:black;float:left;padding:20px;}
#dashboard_side h1{color:orange;font-size:12px;font-weight:bold;padding:0pc;margin:0px;}
#dashboard_side li{list-style:none;color:orange;}
#dashboard_side a{color:orange;}
#dashboard_side a:hover{color:orange;font-weight:bold;}


/*------------------------------MAINBOARD---------------------------------------*/
#mainboard{width:680px;height:770px;background:rgb(29,29,29);float:left;padding:20px;position:relative;}
/*browse dashboard*/
#browsebox{height:520px;float:left;background:black;}
#nav-manage{width:680px;height:30px;background:orange;float:left}
#nav-manage #next{font-size:12px;float:right;margin:0px;padding:0px;background:black;width:100px;text-align:center;height:22px;padding-top:10px;padding-top:8px;}
#nav-manage #prev{font-size:12px;float:left;margin:0px;padding:0px;background:black;width:100px;text-align:center;height:22px;padding-top:10px;padding-top:8px;}
#nav-manage a{color:orange;}
/*update dashboard*/


/*Upload details*/
#car-form-titles{border-right:1px solid black;float:left;width:155px;}
#car-form-details{float:left;width:180px;}
#car-form-details li{list-style:none;width:218;border-bottom:1px solid black;padding:0pc;margin:0pc;font-weight:normal;padding-left:5px;font-size:12px;height:13px;padding-top:3px;padding-bottom:1px;}
#car-form-titles li{list-style:none;width:150;border-bottom:1px solid black;padding:0px;margin:0px;font-weight:bold;padding-left:5px;font-size:12px;height:13px;padding-top:3px;padding-bottom:1px;height:13px;}
#car-form-details input{border:1px solid black;position:relative;width:100%;margin-left:-6px;top:-4px;height:19px;padding-bottom:3px;padding-top:1px;}
#car-form-details select{border:1px solid black;position:relative;width:95%;margin-left:-6px;top:-4px;height:19px;padding-bottom:3px;padding-top:1px;}
#photobox{float:right;position:absolute;left:385px;background:orange;padding-left:5px;}
#buttonbox-upload{float:right;position:absolute;left:20px;background:orange;padding-left:5px;width:675px;top:610px;height:30px;padding-top:5px;}
#buttonbox-update{float:right;position:absolute;left:20px;background:orange;padding-left:5px;width:675px;top:664px;height:30px;padding-top:5px;}
#button-add{WIDTH:70PX;height:25px;background:black;border:none;font-size:12px;padding-top:2px;color:orange;padding-right:10px;padding-left:10px;float:left;}
#button-update{WIDTH:70PX;height:25px;background:black;border:none;font-size:12px;padding-top:2px;color:orange;padding-right:10px;padding-left:10px;float:left;}
#button-remove{WIDTH:50PX;height:20px;background:black;font-size:12px;padding-top:5px;color:orange;padding-right:10px;padding-left:10px;float:left;margin-left:10px;}
#dashboard-title{font-size:18px;font-weight:NORMAL;color:orange;}


/*Notifications*/
#popup{width:310px;height:60px;background:orange;position:absolute;z-index:100;padding:0px;left:120px;top:-200px;text-align:center;display:none;border:1px solid black;}
#popup h1{width;100%;background:black;color:orange;font-size:12px;font-weight:bold;padding-top:5px;padding-bottom:5px;}
/*countdown*/
#countdownbox{height:80px;width:100%;background:black;float:left;}
#countdown{width:320px;height:80px;margin:auto;}
#countdown div{width:80px;height:80px;background:black;float:left;text-align:center;}
#countdown div h1{display:block;color:orange;font-size:50px;font-weight:bold;padding:0px;padding:0px;background:black;height:50px;}
#countdown div p{font-weight:bold;margin:0px;padding:0px;margin-top:0px;width:100%;color:orange;}