.vertical-product-menu{ width:100%; float:left; margin:10px 0;}

ul.accordion { width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left; padding:0; margin:0; list-style-type:none;}

.accordion ul { float:left; display:block; width:100%; padding:0; margin:0;}

.accordion li { float:left; display:block; width:100% !important; margin:0; list-style-type:none; cursor:pointer; position:relative; border-bottom: 1px solid #e2e2e2;}

.accordion li.active {}

.accordion li.current {}

.accordion li a { padding:8px 10px; text-decoration:none; display:block; cursor:pointer; text-align:left; line-height:30px;}

.accordion li li a {}

.accordion li li li a { font-size:13px;}

.accordion li li li li a { padding-left:50px; }



.accordion li.parent > a { }

.accordion .opener {position:absolute; right:0; top:6px; display:block; width:28px; height:28px; background:url(../images/icons/opener-small.png) center center no-repeat;}

.accordion .opener:hover {/*background-color:rgba(0,0,0, 0.15);*/}

.accordion li:hover > .opener {}

.accordion li.active > .opener {background:url(../images/icons/opener-small-active.png) center center no-repeat;}

.accordion li.current > .opener {}



.title-accod{ background:#f6a600; padding:15px 0; text-align:center; border-bottom:1px solid #df9600; text-transform:uppercase; font:normal 16px 'open_sansregular';}

.vertnav {width:100%; background:#eaa500; color:#fff;}

.vertnav li{  padding:3px 0 3px 0; border-bottom: 1px solid #e29f00;}

.vertnav li:hover{ /*padding:5px 0; position: relative; z-index: 1;*/}

.vertnav li a {display:block; cursor: pointer; float:left; color:#FFF; background:url(../images/icons/right-arrow.png) no-repeat left center; font-family:'robotoregular', Arial, Helvetica, sans-serif; font-size:15px; line-height:16px; font-weight:normal; margin:0 15px;}

.vertnav li a:hover{ color:#000;}

.vertnav li li:last-child{ border-bottom:none; }

.vertnav li li li:last-child a {}

.vertnav li ul li{border-bottom:1px solid #e29f00;}

.vertnav li li a { font-size:14px; text-transform:capitalize; line-height:22px; margin:0 30px;}

.vertnav li li{/*border-bottom: 1px solid #e2e2e2;*/border:none; }

.vertnav li li li{/*border-bottom: 1px solid #e2e2e2;*/}

.vertnav li li li a {margin:0 40px;}

.vertnav li li li li a {}

.vertnav li .opener,

.vertnav li.active .opener {}

.vertnav li .opener:hover {}



css



.no-record {text-align:center; padding:20px 0; width:1000px; margin:0px auto 0px;}

.no-record .warning-icon {font-size: 5em; color: #ff6000; text-align:center; margin:70px 0 0 20px;}

.no-record .cancel-icon {font-size: 5em; color: #ffb400;}

.no-record h2{font-size:25px; color:#FF0000;}

.no-record h3{font-size:25px; color:#666;}

.no-record p{font-size:13px; color:#999; font-weight:bold; text-align:center; padding-top:10px; margin:0px 0 0 20px;}

.no-record p.cancel{font-size:12px; color:#999; font-weight:normal; padding-top:0;}

.success-msg{border:1px solid #a6d06c; background-color:#e9ffca; text-align:left; padding:5px; width:96%; margin:0 auto;}

.success-msg .msg-icon{font-size: 1.2em; color: #508e00;}

.success-msg span{ color:#508e00; font-size:12px;}

.error-msg{border:1px solid #df666d; background-color:#ffbfc2; text-align:left; padding:5px; width:96%; margin:0 auto;}

.error-msg .msg-icon{font-size: 1.2em; color: #ce242d;}

.error-msg span{ color:#ce242d; font-size:12px;}

.note-msg{border:1px solid #dcbb4b; background-color:#fff6d8; text-align:left; padding:5px; width:96%; margin:0 auto;}

.note-msg .msg-icon{font-size: 1.2em; color: #b7710c;}

.note-msg span{ color:#b7710c; font-size:12px;}

.success-msg-small{text-align:left; width:96%; margin:0 auto;}

.success-msg-small .msg-icon{font-size: 12px; color: #FFF;}

.success-msg-small span{ color:#FFF; font-size:12px;}

.error-msg-small{text-align:left; width:96%; margin:0 auto;}

.error-msg-small .msg-icon{font-size: 12px; color: #FFF;}

.error-msg-small span{ color:#FFF; font-size:12px;}

.fl { float:left; }

.fr { float:right; }