/**********header and body*****************************/

body{
  padding    : 0;
}
.row-fluid{
  width : 94.3% !important;
  padding : 0 3% !important;
  margin : 0 !important;
}

/***********mobile-header*********************/

/**********mobile header top******************/

.mobile-header-top{
 background    : url(/imgs/header-with-logo-small.jpg)repeat;
  border-bottom : 1px solid #7A7879;
	background-position: 0px 0px;
	height:90px;
} 

.cc-mobile-header-top{
	 	background: transparent url("/imgs/header-with-logo-cc.png") no-repeat scroll 51% 0%;
	  	border-bottom : 1px solid #877b7b;
		background-size:309px 90px !important;
		background-position: 0px 0px;
		height:90px;
		border-bottom:none;	
	}

@media (min-width: 320px) and (max-width: 479px) {
	.cc-mobile-header-top{
	 	background: transparent url("/imgs/header-with-logo-cc.png") no-repeat scroll 51% 0%;
	  	border-bottom : 1px solid #877b7b;
		background-size:379px 90px !important;
		background-position: 0px 0px;
		height:90px;
		border-bottom:none;	
	}
}

@media (min-width : 480px) and (max-width : 530px) {

	.cc-mobile-header-top{
	  background: transparent url("/imgs/header-with-logo-cc.png") no-repeat scroll 51% 0%;
	  border-bottom : 1px solid #877b7b;
		background-size:500px 90px !important;
		background-position: 0px 0px;
		height:90px;
		border-bottom:none;	
	}

}

@media (min-width : 530px) and (max-width : 671px) {

	.cc-mobile-header-top{
	  background: transparent url("/imgs/header-with-logo-cc.png") no-repeat scroll 51% 0%;
	  border-bottom : 1px solid #877b7b;
		background-size:600px 90px !important;
		background-position: 0px 0px;
		height:90px;
		border-bottom:none;	
	}

}

@media (min-width : 671px) and (max-width : 768px) {

	.cc-mobile-header-top{
	  background: transparent url("/imgs/header-with-logo-cc.png") no-repeat scroll 51% 0%;
	  border-bottom : 1px solid #877b7b;
		background-size:700px 90px !important;
		background-position: 0px 0px;
		height:90px;
		border-bottom:none;	
	}

}

@media (min-width: 767px) {
	.cc-mobile-header-top{
	  background: transparent url("/imgs/header-with-logo-cc.png") no-repeat scroll 51% 0%;
	  border-bottom : 1px solid #877b7b;
		background-size:800px 90px !important;
		background-position: 0px 0px;
		height:90px;
		border-bottom:none;	
	}
}

.mobile-header-top .mobile-nav-logout {
	font-size:12px;
	padding:3px;
	margin: 30px 0px 0px 0;
	width:80px;
	float:right;
}

.cc-mobile-header-top .mobile-nav-logout {
	font-size:12px;
	padding:3px;
	margin: 30px 0px 0px 0;
	width:80px;
	float:right;
}

/**********************************************/

/************mobile-header-middle**************/

.mobile-header-middle{
  background-color : #000;
  border-top       : 1px solid #D52E31;
  border-bottom    : 1px solid #7A7879;
}

.mobile-header-middle .mobile-Login .mobile-detail-label{
  margin-top    : 13px;
  margin-bottom : 13px;
}

.mobile-header-middle .mobile-Login .mobile-detail-label p,
.mobile-header-middle .mobile-Login .mobile-time-in span{
  font-size     : 12px;
  font-family   : arial;
  font-weight   : normal;
  color         : #FFF;
  line-height   : 18px;
  margin-bottom : 0;
}
.mobile-header-middle .mobile-Login .mobile-detail-label .logged-in{
  font-size   : 16px;
  font-weight : bold;
}

.mobile-header-middle .mobile-Login .mobile-time-in .time{
 font-size   : 20px;
  font-weight : bold;
}

.mobile-header-middle .mobile-Login .mobile-detail-label{
  width : 40%;
  float : left;
}

.mobile-header-middle .mobile-Login .mobile-time-in{
  float         : right;
  margin-top    : 23px;
  margin-bottom : 13px;
  width         : 16%;
}

/**********************************************/

/*************mobile-header-bottom*************/

.mobile-header-bottom{
  background-color : #D42E30;
}

.mobile-header-bottom h1{
  font-weight         : bold;
  font-size           : 30px;
  width               : 80%;
  float               : left;
  color               : #D0D0D0;
  -moz-text-shadow    : 0 -1px 2px #891c1f;
  -webkit-text-shadow : 0 -1px 2px #891c1f;
  text-shadow         : 0 -1px 2px #891c1f;
}

.mobile-header-bottom .drop-down-menu-btn{
  width       :75px;
  float       :right;
  margin-top  : 2px;
}

.mobile-header-bottom .mobile-dropdown-btn {
	background: url("/imgs/dropDown-n.png") no-repeat scroll center top;
	text-shadow:none;
	width:38px;
	height:25px;
	border-width:0px;
	box-shadow:0 0px 0px rgba(0, 0, 0, 0);
	  float       :right;
	
}
.drop-down-menu-btn .mobile-dropdown-btn:hover, 
.drop-down-menu-btn .mobile-dropdown-btn:active,
.drop-down-menu-btn.open .mobile-dropdown-btn {
	background: url("/imgs/dropDown-o.png") no-repeat scroll center top;
}

.mobile-header-bottom .mobile-caret{
  border-left    : 8px solid transparent;
  border-right   : 8px solid transparent;
  border-top     : 8px solid #E0E0E0;
  content        : "";
  display        : inline-block;
  height         : 0;
  vertical-align : middle;
  width          : 0;
  margin-left    : 10px;
}
#MobiAuctionPriceGuideMenu {
	margin:0px;
}
#MobiAuctionPriceGuideMenu .row {
	display:block;
	padding:5px 0;
}
#mobiAuctionBtn {
	display:  block;
	float:    left;
	width:    33%;
	margin-left:-10px;
}

#mobiPriceGuideBtn {
	display:  block;
	float:    left;
	width:    36%;
	margin-left:10px;
}

#mobiValuationsBtn {
	display: block;
	float:   left;
	width:   33%;
	margin-left:10px;
}

/************dropdown-menu**********************/
.mobile-header-bottom .mobi-nav{
  background-color      : #D52E31;
  margin-top            : 13px;
  margin-right          : 1px;
  box-shadow            : none;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}


.main.home{}
.dropdown-menu.pull-right.mobi-nav li, .mobile-header-bottom .mobi-nav a {
	color:#FFF;
}
.dropdown-menu.pull-right.mobi-nav li:hover, .mobile-header-bottom .mobi-nav a:hover {
	background:#FFF;
	background-color:#FFF;
	color:#333;
}

.mobile-header-bottom .mobi-nav img{
  position : absolute;
  top      : -12px;
  right    : 15px;
}

.mobile-header-bottom .mobi-nav a{
  color       : #FFF;
  font-weight : bold;
  font-size   : 14px;
  line-height : 35px;
}

.mobile-header-bottom .mobi-nav a:hover{
  color            : #333;
  font-weight      : bold;
  font-size        : 14px;
  background-color : #FFF;
  background-image : none;
}
/*********************************************/

.main-section{
  background : url("../../images/bdy_bg.png")repeat;
}

/***************page-title-wrapper************/

.main-section .page-title-wrapper{
  margin : 30px 0 0 0 !important;
}

.page-title-wrapper .mobile-page-title-header{
  font-size : 16px;
}

.page-title-wrapper .mobile-paragraph{
  font-size : 16px;
}

.main-section .page-title-wrapper .mobile-header-valuation{
  font-size   : 40px;
  line-height : 55px;
}

.main-section .page-title-wrapper .back-btn{
  width       : 25%;
  margin      : -60px 0 29px;
  float       : right;
  text-align  : center;
  font-size   : 20px;
  font-family : arial;
  font-weight : bold;
  padding     : 17px;
}

.mobile-btn-wrapper{
  padding-bottom : 8px;
  border-bottom  : 1px solid #B5B5B5;
}

.page-title-wrapper .mobile-btn-shine{
  background      : url("../../imgs/new-valuation-mobile-shine.png") no-repeat scroll 0 0 transparent;
  bottom          : 0;
  left            : 0;
  position        : absolute;
  right           : 0;
  top             : 0;
  z-index         : 100;
  background-size : 100% 100%;
}


/***********************************************/
/***********page-filter-wrapper*****************/

.page-filter-wrapper .btn-wrapper{
  margin-right : 0;
  width        : auto !important;
  min-width    : 0 !important;
  margin-top   : 56px;
}

#gridAuctionFilter_MakeMobi {display:block;}

.MakeMobi .gridAuctionFilter_MakeMobi {

}
.page-filter-wrapper .filter-input .gridAuctionContext .dropdown-toggle{
	float:left;
	margin:-25px 0 0;
	position:inherit;
	width:200px;
}
.page-filter-wrapper .filter-input .gridAuctionContext .dropdown-toggle:hover,
.page-filter-wrapper .filter-input .gridAuctionContext .dropdown-toggle:active {
	background:none;
}


.MakeMobi .filter-input-select .dropdown-menu {
	margin:25px 0 0 0;
}

.mobile-date-label{
  font-size   : 17px;
  font-family : arial;
  font-weight : normal;
  margin      : 15px 0;
}

.page-filter-wrapper .filter-input-wrapper{
  width : 38%;
}

.page-filter-wrapper .filter-input-wrapper .context-filter-label{
  font-size : 17px;
  margin    : 15px 0;
  width     : 130px;
}

.page-filter-wrapper .filter-input-wrapper .filter-input{
  margin-right : 20px;
}


.mobile-width12p{
  width: 24%;
}

/*************************************************/
/***************table-form************************/
.table-form{
  width   : 100%;
  padding : 0;
}

.table-form .table .mobile-table-header th{
  background  : url("../../imgs/mobile-table-header.jpg") repeat scroll 0 0 transparent;
  font-weight : lighter;
  line-height : 59px;
  padding     : 0;
  font-size   : 12px;
  width       : 15%;
}

.table-form .table .mobile-table-header .icon-circle-arrow-up,
.table-form .table .mobile-table-header .icon-circle-arrow-down{
  margin-top : 22px;
}

.table-heading-wrapper a{
  float        : right;
  margin-right : 10px;
}

.mobile-icon-cog{
  background     : url("../../imgs/valuations-mobile-icons.png") no-repeat scroll -56px 0 transparent;
  display        : inline-block;
  height         : 27px;
  vertical-align : -4px;
  width          : 28px;
  margin-top     : -5px;
  margin-bottom  : 15px;
  margin-right   : 4px;
}

.table-heading-wrapper .mobile-make-caret,
.table-heading-wrapper .mobile-settings-caret{
  border-left    : 6px solid transparent;
  border-right   : 6px solid transparent;
  border-top     : 8px solid #FFFFFF;
  content        : "";
  display        : inline-block;
  height         : 0;
  margin-left    : 0;
  vertical-align : middle;
  width          : 0;
}

.table-heading-wrapper .mobile-settings-caret{
  border-left    : 6px solid transparent;
  border-right   : 6px solid transparent;
  border-top     : 8px solid #FFFFFF;
  content        : "";
  display        : inline-block;
  height         : 0;
  margin-right   : -5px;
  vertical-align : middle;
  width          : 0;
  margin-top     : -30px;
  margin-bottom  : 15px;
  float          : right;
}

.table-heading-wrapper .mobile-settings-main-wrapper{
  height     : 20px;
  padding    : 6px;
  margin-top : 12px;
  background : url("../../imgs/cog-btn-bg.jpg")repeat;
}

.table-form .mobile-table #FirstRow,
.table-form .mobile-table #SecondRow{
  font-size: 11px;
}
/*************************************************/


/****************new-valuation********************/


/*************top-mobile-header**************************/

.page-title-wrapper .mobile-main-car-image{
  width         : 26%;
  float         : left;
  margin-bottom : 13px;
}

.page-title-wrapper .mobile-main-car-image .mobile-image{
  height : 125px;
  width  : 166px;
}

.page-title-wrapper .mobile-header{
  width       : 64%;
  float       : left;
  margin-left : 18px;
  margin-top  : 14px;
}
.page-title-wrapper .mobile-header .mobile-header-new-valuation{
  font-size   : 40px;
  line-height : 40px;
}

/*****************mobile-form-headers************************/

.mobile-form-headers{
  background-color : #cf2c2f;
  padding          : 24px 0;
  margin-left      : -14px;
  margin-right     : -14px;
  margin-bottom	   : 2px;
  height 		   : 40px;
}

.mobile-form-horizontal{
  background    :none;
  border        :none;
  margin-bottom : 0;
  width         : 102%;
  margin        : 0 -20px;
}

.mobile-icon-user{
  background     : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll 0 0 transparent;
  display        : inline-block;
  height         : 30px;
  margin-right   : 5px;
  vertical-align : -4px;
  width          : 26px;
  margin-left    : 20px;
}

.mobile-clipboard,
.mobile-car,
.mobile-headphones,
.mobile-camera,
.mobile-money,
.mobile-bomb,
.mobile-icon-user
{
 margin-left  : 20px;
 margin-top	  : 5px;
 float		  :left;
}

.mobile-bomb {
	margin-top	  : -6px;
}
.mobile-camera {
	margin-top	  : 2px;
}

#customerDetailsClick p,
#vehicleSpecificationsClick p,
#damagesClick p,
#accessoriesClick p,
#photosClick p {
	margin-top:10px;
}
#customerDetailsClick.open p,
#vehicleSpecificationsClick.open p,
#damagesClick.open p,
#accessoriesClick.open p,
#photosClick.open p {
	margin-top:10px;
}



.mobile-clipboard{
 background     : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll -25px 0 transparent;
 display        : inline-block;
 height         : 30px;
 margin-left    : 20px;
 margin-right   : 5px;
 vertical-align : -4px;
 width          : 22px;
}

.mobile-car{
 background     : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll -46px 0 transparent;
 display        : inline-block;
 height         : 30px;
 margin-left    : 20px;
 margin-right   : 5px;
 vertical-align : -4px;
 width          : 34px;
}

.mobile-headphones{
 background     : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll -79px 0 transparent;
 display        : inline-block;
 height         : 30px;
 margin-left    : 20px;
 margin-right   : 5px;
 vertical-align : -4px;
 width          : 30px;
}

.mobile-camera{
 background     : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll -110px 0 transparent;
 display        : inline-block;
 height         : 30px;
 margin-left    : 20px;
 margin-right   : 5px;
 vertical-align : -4px;
 width          : 32px;
}

.mobile-money{
 background     : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll -232px 0 transparent;
 display        : inline-block;
 height         : 30px;
 margin-left    : 20px;
 margin-right   : 5px;
 vertical-align : -4px;
 width          : 34px;
}

.mobile-bomb{
 background     : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll -267px 0 transparent;
 display        : inline-block;
 height         : 30px;
 margin-left    : 20px;
 margin-right   : 5px;
 vertical-align : -4px;
 width          : 36px;
}

.mobile-form-headers p{
  font-size   : 26px;
  line-height : 20px;
  color       : #FFF;
  position    : relative;
  z-index     : 200;
}
/***************************** page-form-wrappers ********************/

.page-top-forms-wrapper .span4,
.page-bottom-forms-wrapper .span4{
  width : 100% !important;
}

.accessories-form .control-group{
  width : 50% !important;
}

.accessories-form .control-group .checkbox{
  padding : 10px 0 10px 20px;
}

/*********************************************************************/

.form-horizontal .control-group .mobile-controls{
  width : 50%;
  float : right;
}

.form-horizontal .mobile-control-group .mobile-information-input,
.form-horizontal .mobile-control-group .mobile-information-input-short{
  	padding : 22px 2%;
  	width   : 90% !important;
	padding-left:20px;
}

.mobile-form-headers p {
	font-size:18px ;
	width:295px !important;
}

.form-horizontal .mobile-control-group .input-prepend,
.form-horizontal .mobile-control-group .btn-group{
  margin-left : 2%;
  width : 48%;
}

.form-horizontal .mobile-control-group .btn-group .btn{
  padding : 10px 10px;
	
}

.form-horizontal .mobile-control-group .input-prepend .add-on{
  padding : 15px 10px;
}

.form-horizontal .mobile-control-group{
  width : auto;
}

.form-horizontal .control-group .mobile-control-label,
.form-horizontal .control-group .controls{
  font-size   : 14px;
  width       : 48%;
  margin-top  : 10px;
  margin-left : 2%;
}

#vehicleSpecifications .form-horizontal .control-group .mobile-control-label,
#vehicleSpecifications .form-horizontal .control-group .controls {
	  margin-left : 0px !important;
}

.form-horizontal .control-group .controls{
  margin-top : 0;
}

.form-horizontal .control-group .controls .information-lines{
  font-size : inherit;
  line-height : inherit;

}

.form-horizontal .control-group .mobile-grey-btn{
  width : 50%;
  float : right;
}

.form-horizontal .control-group .mobile-select{
  width       : 80%;
  line-height : 56px;
  font-size   : 20px;
}

.form-horizontal .control-group .mobile-selection{
  height : 66px;
  width  : 23%;
}

.form-horizontal .left-side,
.form-horizontal .right-side{
  width : 100%;
}

.mobile-caret{
  border-left    : 6px solid transparent;
  border-right   : 6px solid transparent;
  border-top     : 8px solid #000000;
  content        : "";
  display        : inline-block;
  height         : 0;
  vertical-align : top;
  width          : 0;
}

.vehicle-specs-form .mobile-left-side {
  width : 100%;
}

.control-group-wrapper .control-group .valuation-line{
  font-size   : 16px;
  width       : 48%;
  margin-left : 2%;
  margin-top  : 5px;
}

.form-horizontal .control-group .information-wrapper{
  float : right;
  width : 35%;
}

.form-horizontal .mobile-information-lines{
  font-size  : 20px;
  margin-top : 14px;
}

.accessories-form .mobile-column-left{
  border-bottom  : 1px solid #B7B7B7;
  padding-bottom : 8px;
  width          : 42%;
  margin-left    : 10px;
}

.accessories-form .mobile-column-right{
  border-bottom  : 1px solid #B7B7B7;
  padding-bottom : 8px;
  width          : 53%;
}

.accessories-form .mobile-checkbox-line {
    font-size    : 16px;
    margin       : 10px 0;
    padding-left : 30px;
}

.accessories-form .comment-box .mobile-comment{
  margin-left   : 5px;
  font-size     : 20px;
  margin-bottom : 20px;
}

.accessories-form .comment-box .mobile-comment-text-box{
  width : 100%;
}

.mobile-car-images-wrapper{
  width : 100%;
}

.photos-form .mobile-motor-vehicle-imgs{
  width   : 31.03%;
  margin-left: 1.5%;
  margin-bottom: 14px;
  padding : 0;
}

.form-horizontal .mobile-instruction-paragraph{
  font-size   : 20px;
  margin      : 5px 0 10px 6px;
  line-height : 22px;
}
/********************mobile-select-valuator*********************/

.mobile-select-valuator-header{
  font-size   : 20px;
  line-height : 56px;
  width       : 48%;
  float       : left;
  padding     : 30px 0;
}

.select-valuator .valuator-name-button .mobile-grey-btn{
  width : 50%;
}

.select-valuator .valuator-name-button .mobile-select{
  width       : 80%;
  line-height : 56px;
  font-size   : 20px;
}

.select-valuator .valuator-name-button .mobile-selection{
  height : 66px;
  width  : 23%;
}

.select-valuator .mobile-valuator-name-button{
  border-bottom : 1px solid #D52F31;
  border-top    : 1px solid #D52F31;
  padding       : 30px 0;
}

/**************************************************************/

.select-valuator .top-grey-set .mobile-send-to-price-btn{
  width         : 55%;
  line-height   : 56px;
  font-size     : 20px;
  margin-bottom : 18px;
}

.select-valuator .top-grey-set .mobile-send-to-sales-btn{
  width         : 40%;
  line-height   : 56px;
  font-size     : 20px;
  margin-bottom : 18px;
}

.select-valuator .bottom-grey-set .mobile-print-btn{
  width       : 35%;
  line-height : 56px;
  font-size   : 20px;   
}

.select-valuator .bottom-grey-set .mobile-archive-btn{
  width       : 23%;
  line-height : 56px;
  font-size   : 20px;   
}

.mobile-add-to-stock-btn{
  width       : 40%;
  line-height : 56px;
  font-size   : 20px;
}

.mobile-printer{
  background     : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll -140px 0 transparent;
  display        : inline-block;
  height         : 30px;
  margin-left    : 20px;
  margin-right   : 5px;
  vertical-align : -7px;
  width          : 32px;
}

/*****************************************************************/

.select-valuator .colored-btn-set .mobile-select{
  width       : 100%;
  line-height : 56px;
  font-size   : 20px;
  margin-top  : 18px;
}

.mobile-save-and-send{
  background     : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll -168px 0 transparent;
  display        : inline-block;
  height         : 30px;
  margin-left    : 20px;
  margin-right   : 5px;
  vertical-align : -7px;
  width          : 32px;
}

.mobile-save-and-submit{
  background     : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll -199px 0 transparent;
  display        : inline-block;
  height         : 30px;
  margin-left    : 20px;
  margin-right   : 5px;
  vertical-align : -7px;
  width          : 35px;
}


#bidImgMain{
	max-width:60% !important;
	min-width:120px !important;
}

#tS1.jThumbnailScroller{
	width:60% !important;
	margin-top:60px !important;
	max-width:50% !important;
	margin-left:20px !important;
}


.page-filter-wrapper .filter-input-wrapper-date{
	width:30% !important;
	margin-right:10% !important;
}