@-ms-viewport{
 width:auto!important;
 }
.vehicleContainer { margin: 10px 0.5%; padding: 0; border:solid 2px #013C64; background:#DDD; border-radius:5px; overflow: hidden; width: 99%; display: none}
.vehicleImageOverview { margin: 0; padding: 0; width: 100%; vertical-align: top}
.vehicleImage { padding: 0; min-width: 200px; max-width: 400px; width: 39%; float: left; vertical-align: top; position: relative}
.vehicleLocationImage {width: 100%; text-align: center; bottom: 0px; color: black; font-size: 18px; font-weight: bold; position: absolute; background-color: rgba(201, 201, 201, 0.5);}
.vehicleOverview { margin: 0; padding: 20px 0 0 0; width: 60%; display: inline-block; vertical-align: top}
.vehicleOverviewItems { margin: 0 0.5%; padding: 0; width: 48%; min-width: 200px; display: inline-block; vertical-align: top}
.vehicleNav { padding: 20px 5% 0 5%; width: 100%; display: inline-block}
.vehicleInfo, .vehicleMileage { font-size:20px; font-weight:bold; padding:2px; background:#BBB; width: 100%}
.vehiclePrice { font-size:19px; font-weight: bold; padding:2px; text-align:right; background:#BCB}
.vehicleGrabber { font-size:17px; font-weight:normal; padding:2px; background:#CCC}
.vehicleMonthly { font-size:19px; font-weight: bold; padding:2px; text-align:right; visibility: hidden}
.vehicleCalltoAction, .vdetailCalltoAction { margin: 6px auto; font-size: 20px; color: #eee; display: inline-block; 
	background-image: -webkit-linear-gradient(top,#337ab7 0,#265a88 100%);
	background-image: -o-linear-gradient(top,#337ab7 0,#265a88 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#265a88));
	background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat: repeat-x;
	border-color: #245580;
	padding: 4px
}
.vehicleGridImageDiv {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	background: #fff;
}
.vehicleGridImage {
	width: 100%;
	height: auto;
}
#infoMessage { margin: 30px; padding: 10px; font-size: 16px; background-color: aquamarine}
#vehPostErrorExtra { font-size: 16px; color: #000; font-weight: bold}
.vehPostErrorSubnote { font-size: 14px; color: green; text-align: center}
#searchBlock { display: inline-block; margin: 5px 0.5%; padding: 0; border: 1px solid #333;background-color: aliceblue; width: auto}
.vehicleGridContainer { margin: 10px 0.5%; padding: 0; border:solid 2px #013C64; background:#DDD; border-radius:5px; overflow: hidden; width: 32%; min-width: 200px; max-width: 380px; display: none; float: left}
.vehicleGridImage { padding: 0; min-width: 200px; max-width: 400px; width: 100%; }
.vehicleGridWas { color:#F00; float: left;}
.vehicleGridNav { padding: 5px 5%; width: 100%; display: inline-block}
.vehicleGridItem { background-color:#999;	color: #000; padding: 3px; width: 100%; font-weight: bold}
.vehicleGridItemLabel { width: 60px; float: left; text-align: right; font-weight: normal; height: 100%}
.vehicleGridItemValue { margin: 1px 0 0 62px; height: 100%}
.searchLabel {margin-left: 20px}
.searchLabelText {display: inline-block; margin-right: 6px}
.searchMain {padding: 10px 5px 5px 5px; position: relative}
.searchSub {padding: 10px 5px 5px 5px; border-top: 1px solid #999; background-color: azure}
.searchResetDiv { text-align: right }
.searchResetButton {padding: 4px; margin-top: -4 }
.sharePage { text-align: right}
.sharePage a { text-decoration: none}

.vdetailContainer { margin: 10px 0.5%; padding: 0; border:solid 2px #013C64; background:#DDD; border-radius:5px; overflow: hidden; width: 99% }
.vdetailOverview { margin: 0; padding: 20px 10px 0 10px; width: 33%; display: inline-block; vertical-align: top}
.vdetailOverviewItems { margin: 0 0.5%; padding: 0; width: 96%; min-width: 200px; display: inline-block; vertical-align: top}
.vdetailItem { background-color:#999;	color: #000; margin: 2px; padding: 3px; width: 100%; font-weight: bold;overflow: auto;}
.vdetailItemLabel { width: 70px; float: left; text-align: right; font-weight: normal; height: 100%; padding-right: 4px}
.vdetailItemValue { margin: 1px 0 0 62px; height: 100%}
.vdetailNav {padding: 20px 0 0 0; width: 96%; min-width: 200px; display: inline-block}
.vdetailInfo { font-size:20px; font-weight:bold; padding:2px; background:#BBB; width: 100%}
.vdetailGrabber { font-size:17px; font-weight:normal; padding:2px; background:#CCC}
.vdetailPrice { font-size:20px; font-weight: bold; padding:2px; text-align:right; background:#BCB}
.rg-gallery {max-width: 1024px; width:66%; float: left}
.singleImage {max-width: 1024px; width:66%; float: left}
.vdetailSpec {clear: both; width: 100%; padding-top: 10px}
.vdetailSpecLabel {font-weight: bold; padding: 4px; background:#B99 }
.vdetailSpecValue {font-weight: normal; padding: 4px; background:#edc}
.vdetailLocation { text-align: center; font-size: 18px; font-weight: bold}

.vehicleWas { color:#F00; display:inline-block; padding-right: 3%}
.vehicleSaving { color:#F00; display:inline-block; padding-left: 3%}
.vehicleSold { color:#F00}
.vehicleItem { background-color:#999;	color: #000; margin: 2px; padding: 3px; width: 100%; font-weight: bold}
.vehicleItemLabel { width: 60px; float: left; text-align: right; font-weight: normal; height: 100%}
.vehicleItemValue { margin: 1px 0 0 62px; height: 100%}
.vehicleSpacer {
	height: 10px; display: block; min-height: 10px; max-height: 10px; clear: both
}
.vehicleOverviewCostItems { margin: 0 0.5%; padding: 12px 0 0 0; width: 100%; display: inline-block; vertical-align: top}
.vehicleCostItem { background-color:#AA9; margin: 2px; padding: 3px; font-weight: bold; display: inline-block}
.vehicleCostItemLabel { width: 60px; float: left; text-align: right; font-weight: normal; height: 100%}
.vehicleCostItemValue { margin: 1px 0 0 62px; height: 100%}

.usedEnquire { left:0; top:150px; position: absolute; z-index:2000;display:none;width: 96%}
.usedEnquireInner {  margin: 0 auto; padding:0; color: #384D5A; border: 1px solid #425968; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; background-color:#C8D0D7; width:100%; max-width: 500px; font-size:14px; text-align:left}
#usedEnquireHeader { margin: 0; padding: 5px; background-color: #3D487F; color: aliceblue}
.usedEnquireLabel {display:inline-block; width:75px; margin-right:5px; text-align:right}
.usedEnquireEntry {width:386px; max-width: 94%}

.formFeedback { width: 100%}
.formContainer { width: 96%; padding: 12px 0}
.formInner {  margin: 0 auto; padding:4px; color: #384D5A; border: 1px solid #425968; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; background-color:#C8D0D7; width:100%; max-width: 500px; font-size:14px; text-align:left}
#formHeader { margin: 0; padding: 5px; background-color: #3D487F; color: aliceblue}
.formLabel { display:inline-block; width:75px; margin-right:5px; text-align:right; margin:2px}
.formEntry {display:inline-block; width:386px; max-width: 94%; font-size: 16px; margin:2px}
.formAreaEntry {vertical-align:top; line-height: normal; width:386px; max-width: 94%; font-size: 16px; margin:2px}
.formInputMissing {background-color: #FFEAEA}
.formRow {margin:2px}
.formSubmit {margin-left: 80px}
.formPosted {padding: 10px; display:none}
.formPostError {padding: 10px; display:none}
.formPostErrorMessage {color: #F00;font-weight: bold;font-size: 18px}
.formPostErrorExtra { }
.formPostErrorSubnote { display:none}

.finAdjust {
	background-color: #93B08E;
	border: #000 solid 1px;
	padding: 5px;
	margin: 0;
	display: inline-block;
	vertical-align: top
}
.finAdjustHead { padding-top: 12px; font-weight: bold}
.finAdjustTitle {font-weight: bold}
.finAdjustColR { padding: 2px}
.finAdjustRow { display: inline-block; padding: 0; vertical-align: top}
.finAdjustRowItem { width: 90px; padding: 2px; display: inline-block}
.finAdjustRowValue { width: 90px; padding: 2px; display: inline-block}



.finAdjustRow input { color: #333 }
.finAdjustTerm, input.finAdjustRow, select.finAdjustRow, textarea.finAdjustRow {color:#333;}
.financeWarn { color:#0D284D; font-size:9px }
.finExample { border:solid 2px #000; border-radius:8px; overflow:hidden; color:#000 }
.finRowOdd { background: #eee; color: #333333; border-top: 3px #333; border-style: solid none none none }
.finRowEven { background: #eee; color: #333333; border-top: 3px #333; border-style: solid none none none }
.MonthlyHeader { background: #FFA384; }
.MonthlyPayment { background: #FFD9CC; font-weight:bold }
.MonthlyRow { clear: both; margin: 0; padding: 4px; color:#FF0; font-weight:normal; font-size:18px; background: #003478; text-align:center; display: none}
.finHead { font-size: 11pt;  background: #aaa; page-break-inside:avoid}
.finOdd { font-size: 11pt;  background: #ddd; page-break-inside:avoid}
.finEven { font-size: 11pt;  background: #CCCCCC; page-break-inside:avoid}
.finTable { font-size: 11pt;  background: #DDDDDD; page-break-inside:avoid}
.finDiscl { font-size: 11pt;}
.finMonthOdd { background-color:#aaa }
.finMonthEven { background-color:#7CEFB6 }
.finDetFinance { width:450px; max-width: 96%; border: 1px solid; border-radius: 6px 6px; background-color:#ddd; padding:0; margin:5px; overflow:hidden}
.finDetHead { font-size: 11pt; background: #aaa; page-break-inside:avoid; padding:4px; text-align:center; font-weight:bold}
.finDetTable { font-size: 11pt; background: #ddd; page-break-inside:avoid; width: 100%}
.finDetCellTopLine {font-weight:bold; font-size:14px; border-bottom: 8px solid #ddd}
.finDetCellLabel { min-width:166px; padding: 1px 3px; text-align: right}
.finDetCellValue { width:90px; min-width:90px; font-weight:bold; font-size:14px; padding: 1px 3px; text-align: right}
.finPaymentDesc { margin-left:22px; }
.finCustom { margin-top: 10px}
.finSpacerLine {display: none}

.finDetFinance { border: 1px solid #425968; background: #E7E8DB; overflow: hidden; padding: 4px; display: inline-block; margin-right: 4px}
.finExampleR { border: 1px solid #425968; background: #E7E8DB; overflow: hidden; padding: 4px; display: inline-block; margin-right: 4px}
.finExampleTitle {font-weight: bold}
.finExampleColR {display: inline-block; padding: 0; vertical-align: top}
.finDetRow { background: #aaa; padding: 0 }
.evenRow { background: #ccc }
.finDetRowItem { width: 190px; padding: 2px; display: inline-block}
.finDetRowValue { width: 120px; padding: 2px; display: inline-block}

.tpFinExample { border: 1px solid #425968; overflow: hidden; padding: 4px; display: none; margin: 4px 4px 4px 0}
.tpFinExampleTitle {font-weight: bold}
.tpFinRow { padding: 1px; text-align: right}
.tpFinRowItem { width: 190px; padding: 2px; display: inline-block;}
.tpFinRowValue { width: 120px; padding: 2px; display: inline-block;}
.tpFinPCProw { display: none; }
.tpFinHProw { display: none; }

.newCarList { margin: auto}
.newCarListItem { display: inline-block; margin: 8px}



.newItem { width:204px; height:189px; background-image:url(images/newvbg.png); position:relative; text-decoration:none; display:block }
.newTitle { top:2px; left: 10px; width:204px; height:20px; color:#DDD; font-size:11pt; position:absolute; text-align:left }
.newImage { top:20px; left: 2px; position:absolute; text-align:center }
.newPriceFrom { top:171px; left: 10px; width:204px; height:20px; color:#333; font-size:14px; font-weight:bold; position:absolute; text-align:left }

.newRangeItem { width:98%; max-width: 800px; min-height: 224px; position:relative; text-decoration:none; display: inline-block; border: ridge; border-radius: 10px 10px; background-color:#DDD; overflow: hidden; margin: 5px }
.newRangeImage { top:0px; left: 0px; display: inline-block; vertical-align: top; max-width: 100%}
.newRangeBody { width:450px; max-width: 98%; padding: 10px; display: inline-block; text-decoration:none; text-align:left }
.newRangeHeader { font-size:24px; font-weight:bold }
.newRangeTitle { font-size:21px; font-weight:bold }
.newRangeSubTitle { font-size:18px }
.newRangePrice { text-align:right; font-size:21px; font-weight:bold }
.newRangeListPrice { text-align:right; font-size:21px; color:#333 }
.newRangeSaving { text-align:right; font-size:24px; color:#C90 }
.newRangeMoreInfo { font-size:21px; text-decoration:none; }
.newRangeMoreInfoImage { width:450px; max-width: 98% }

.newDetailItem { width:98%; max-width: 800px; position:relative; text-decoration:none; display:inline-block; border: ridge; border-radius: 10px 10px; background-color:#DDD; overflow: hidden; margin: 5px }
.newDetailImage { top:0px; left: 0px; display: inline-block; vertical-align: top; max-width: 100% }
.newDetailBody { width:450px; max-width: 98%; padding: 10px; display: inline-block; text-decoration:none; text-align:left }
.newDetailHeader { font-size:28px; font-weight:bold }
.newDetailTitle { font-size:24px; font-weight:bold }
.newDetailSubTitle { font-size:18px }
.newDetailPrice { text-align:right; font-size:24px; font-weight:bold }
.newDetailListPrice { text-align:right; font-size:24px; color:#333 }
.newDetailSaving { text-align:right; font-size:24px; color:#C90 }
.newDetailFinance { border: 1px solid; border-radius: 6px 6px; background-color:#BBB; float:right; padding:4px; margin:5px}
.newDetailFeatures { padding: 4px }
.newDetailSectionTitle { text-align:left; font-size:18px; font-weight:bold; padding: 10px 4px 4px 4px }
.newDetailSectionText { text-align:left; font-size:14px; font-weight:normal; padding: 4px }

@media (max-width: 810px) {
	.newRangeItem { max-width:98%; width: 300px }
}
.recruitmentSection {
	width: 700px;
	max-width: 96%;
	padding: 6px;
	border:1px solid #425968;
	border-radius: 6px;
	background-color: #B8C0C7;
	margin: 20px 0;
	display: inline-block;
}
.recruitmentList {
	padding-left: 50px;
}
.recruitmentTitle {
	font-weight: bold;
	margin-top: 18px;
	background-color: #CFD5D9;
	padding: 3px
}
.recruitmentDescription {
	padding: 5px 5px 5px 30px;
	background-color: #EEF0F2
}

.youtube-resizable-iframe {
  max-width: 100%;
  width: 560px;
}

.youtube-resizable-iframe > div {
  position: relative;
  padding-bottom: 57%;
  height: 0px;
}

.youtube-resizable-iframe iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.videoListing {
  max-width: 100%;
  width: 560px;
}
    .youtube-player {
        position: relative;
        padding-bottom: 56.23%;
        /* Use 75% for 4:3 videos */
        height: 0;
        overflow: hidden;
        max-width: 100%;
        background: #000;
        margin: 5px;
    }
    
    .youtube-player iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
        background: transparent;
    }
    
    .youtube-player img {
        bottom: 0;
        display: block;
        left: 0;
        margin: auto;
        max-width: 100%;
        width: 100%;
        position: absolute;
        right: 0;
        top: 0;
        border: none;
        height: auto;
        cursor: pointer;
        -webkit-transition: .4s all;
        -moz-transition: .4s all;
        transition: .4s all;
    }
    
    .youtube-player .play {
        height: 0;
        padding-bottom: 56.23%;
        max-width: 100%;
        width: 100%;
        position: absolute;
        background: url("https://www.edart.co.uk/images/videoplay.png") no-repeat;
				background-position: center center;
        cursor: pointer;
    }
    .youtube-player:hover .play:hover {
        background: url("https://www.edart.co.uk/images/videoplayhover.png") no-repeat;
				background-position: center center;
    }

.panel-heading {
  position: relative;
}
.panel-heading[data-toggle="collapse"]:after {
  font-family: 'Glyphicons Halflings';
  content: "\e072"; /* "play" icon */
  position: absolute;
  color: #b0c5d8;
  font-size: 18px;
  line-height: 22px;
  right: 20px;
  top: calc(50% - 10px);

  /* rotate "play" icon from > (right arrow) to down arrow */
  -webkit-transform: rotate(-90deg);
  -moz-transform:    rotate(-90deg);
  -ms-transform:     rotate(-90deg);
  -o-transform:      rotate(-90deg);
  transform:         rotate(-90deg);
}
.panel-heading[data-toggle="collapse"].collapsed:after {
  /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
  -webkit-transform: rotate(90deg);
  -moz-transform:    rotate(90deg);
  -ms-transform:     rotate(90deg);
  -o-transform:      rotate(90deg);
  transform:         rotate(90deg);
}

@media (max-width: 760px) {
	.vehicleImage {width: 60%; min-width: 300px}
	.vehicleOverview {width: 39%; padding-top: 2px}
	.vehicleOverviewItems {width: 90%}
	.vehicleNav {padding: 5px}
.rg-gallery { width:66%; float: left}
.singleImage { width:66%; float: left}
.vehicleInfo, .vehicleMileage { font-size:18px }
.vehicleGrabber { font-size:16px }
.vehicleGridContainer { width: 49%;}
}
@media (max-width: 680px) {
	.rg-gallery { width:100%; float: left}
	.singleImage { width:100%; float: left}
	#zoomInButton {display: none}
	#zoomOutButton {display: none}
	.vdetailOverview { width: 98%; vertical-align: top}
	.vdetailOverviewItems { margin: 0 0.5%; padding: 0; width: 48%; min-width: 200px; display: inline-block; vertical-align: top}
	.vdetailNav {padding: 0}
}
@media (max-width: 560px) {
	.vehicleContainer {
		max-width: 404px;
		margin: 10px auto
	}
	.vehicleImage {width: 100%}
	.vehicleOverview {width: 98%; max-width: 400px}
	.vehicleOverviewItems {width: 100%; padding: 0; margin: -2px 0 0 0}
	.vehicleNav {padding: 5px}
	.usedEnquire {width: 98%;		max-width: 404px; margin: 0 1%}
	.vehicleInfo, .vehicleMileage { font-size:15px }
	.vehicleGrabber { font-size:15px }
}
@media (max-width: 605px) {
	.formContainer {width: 98%;		max-width: 404px; margin: auto}
	.formLabel {text-align: left; width: 100% !important}
}
@media (max-width: 480px) {
	.vehicleGridContainer { width: 98%;}
	.vdetailOverviewItems { width: 98% }
}
@media (max-width: 440px) {
  .vehicleContainer {
    width: 91%;
		margin: 10px auto
  }
	.searchLabelText {display: inline-block; margin-right: 6px; width: 75px;text-align: right}
	.usedEnquire {width: 98%; margin: 0 1%}
	.formContainer {width: 98%; margin: 0 1%}
}
.motabOfferContainer { margin: 12px 0.5% 18px 0.5%; padding: 4px 0px 0px 0px; display: inline-block; border:solid 1px #425968; background:#B7C8D2; max-width: 32%;width: 400px ; min-width: 300px}
.motabOfferTitle { font-size:14px; font-weight:bold; padding:2px 2px 0px 20px}
.motabOfferAdvance { font-size:12px; font-weight:normal; padding:0px 2px 2px 20px}
.motabOfferImage { width: 400px ; max-width: 100%}
@media (max-width: 1036px) {
	.motabOfferTitle { font-size:1.4vw}
	.motabOfferAdvance { font-size:1.3vw}
}
@media (max-width: 1036px) {
	.motabOfferContainer { max-width: 48%}
	.motabOfferTitle { font-size:14px}
	.motabOfferAdvance { font-size:12px}
}
@media (max-width: 660px) {
	.motabOfferContainer { max-width: 100%}
	.motabOfferTitle { font-size:14px}
	.motabOfferAdvance { font-size:12px}
}
.motabExtra, .motabExtra a {
	font-size:12px;
	font-weight:normal;
	padding-left: 6px;
	text-decoration: none;
}
.youtube-resizable-home {
  max-width: 100%;
  width: 700px;
}

.youtube-resizable-home > div {
  position: relative;
  padding-bottom: 57%;
  height: 0px;
}

.youtube-resizable-home iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.buttonEnquiry {
	width: 104px;
	padding-left: 0;
	padding-right: 0;
}
.regPlate {
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 29px;
    text-transform: uppercase;
    line-height: 21px;
    padding: 6px 6px 4px 6px;
    border-radius: 5px;
    background-color: #ffd800;
    border: 3px solid #12214e;
    display: inline-block;
    font-weight: bold;
}
.mottaxContainer {
	padding: 5px;
	width: 400px;
	max-width: 100%;
	display: inline-block;
}

.mottaxBox {
	width: 100%;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding: 7px 5px 14px 5px;
}
.mottaxBox H2 {
	margin: 0;
	padding: 5px;
}
.mottaxVehicle {
	background-color: #C6CCC6;
	display: block;
	color: #000;
}
.taxValid, .motValid {
	background-color: #137B1C;
}
.taxExpired, .motExpired {
	background-color: #B92727;
}
.taxWarn, .motWarn {
	background-color: #C39200;
}
.dvlaError {
	background-color: #FF0000;
}
.vehicleFeatures {
		clear: both;
		width: 100%;
		padding-top: 10px;
		background: #edc
}
.vehicleFeatureHeader {
		font-weight: bold;
		padding: 4px;
		background: #B99
}
.vehicleFeatureItem {
	width: 48%;
	display: inline-block;
	padding: 4px 4px 4px 10px;
	vertical-align: top;
}
.vehicleFeatureText {
	width: calc(100% - 15px);
	display: list-item;
	list-style-type: " ✓  ";
	list-style-position:outside;
	margin: 0 0 0 15px;
}
.vehicleSpecValue {
	float: right;
	padding-right: 20%;
}
.vehicleSpecItem {
	width: 48%;
	display: inline-block;
	padding: 4px 4px 4px 10px;
	vertical-align: top;
}
@media (max-width: 600px) {
	.vehicleFeatureItem {
		width: 100%;
	}
	.vehicleSpecItem {
		width: 100%;
		padding-right: 1%;
	}
}
.optListCollapsible {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.optListGroups {
	padding: 4px;
	border: 1px solid #999;
	margin: 2px 0;
}

.optListGroupHeader {
  background-color: #777;
}

.optListActive, .optListCollapsible:hover {
  background-color: #555;
}

.optListCollapsible:after {
  content: '\002B';
  color: white;
  font-weight: bold;
  float: left;
  margin-left: 5px;
	padding-right: 10px;
}

.optListActive:after {
  content: "\2212";
	padding-right: 10px;
}

.optListContent {
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #f1f1f1;
}
.optListStandard {
	border: 1px solid #666;
}
.optListOptions {
	margin-top: 12px;
	border: 1px solid #666;
}
.optListItems {
	border: 1px solid #666;
	margin: 1%;	
}
.optListHeader {
  background-color: #f1f1f1;
	padding: 6px;	
}
.vdetailActionSection {
	clear: both;
	padding: 4px;
}
.vdetailActionItem {
	display: inline-block;
	text-align: center;
	width: 49%;
}
.whatsAppLink {
	display: inline-block;
	text-align: center;
	padding: 4px;
	width: 100%;
}