#ycontan {width:100%} 
#appshow {width:600px; height:200px; overflow:hidden}
#appshow-two {width:600px; height:200px; overflow:hidden}

h2.ytitle {color:#552A2E; margin-bottom:0px;}

/*start with cards*/

/*card-one*/
.ymcard {width:600px; border:1px solid #478538; height:275px; overflow:hidden; margin-top:-20px}
.yapp {position:relative;}
.ymarker {float:left; width:200px; background-color:#eaeaea; color:#000; font-size:14px; text-align:center; height:75px; border-top:1px solid #552A2E}
.ydetail {float:left; width:400px; font-size:12px; border-top:1px solid #552A2E}
.ydetail p {padding-left:5px; padding-right:5px;}

.yspace {height:20px;}

/*card-two*/

.ymcard-two {width:290px; border:1px solid #478538;overflow:hidden; float:left; height:285px;margin-top:-20px}


.ymarker-two {float:left; width:60px; background-color:#478538; color:#fff; font-size:18px; text-align:center; height:85px; line-height:75px;}

.ydetail-two {float:left; width:230px; font-size:14px; border-top:1px solid #552A2E;}
.ydetail-two p {padding-left:8px; padding-right:5px;}



/*card-three*/

.ymarker-three {float:left; width:150px; background-color:#552A2E;border-bottom:1px solid #552A2E;height:55px; padding-left:5px;padding-right:5px;}
.ydetail-three {float:left; width:440px; font-size:12px; border-bottom:1px solid #552A2E;height:55px}
.ydetail-three p {padding-left:5px; padding-right:5px;}

p.ynew {color:#fff!important;font-weight:bold!important; font-size:16px!important; text-align:center;}

/*new Yarra SEC 300*/
.ymarker-three-hundred {float:left; width:150px; background-color:#478538;border-top:1px solid #552A2E;height:55px; padding-left:5px;padding-right:5px; border-bottom:1px solid #478538}
.ydetail-three-hundred {float:left; width:440px; font-size:12px; border-bottom:1px solid #478538;height:55px;border-top:1px solid #552A2E;paddg-left:5px;}
.ydetail-three-hundred p {padding-left:5px; padding-right:5px;}