@font-face {
	font-family:'Veneer';
	src: url('../public/fonts/2EFBE2_0_0.eot'); src: url('../public/fonts/2EFBE2_0_0.eot?#iefix') format('embedded-opentype') ,url('../public/fonts/2EFBE2_0_0.woff') format('woff'), url('../public/fonts/2EFBE2_0_0.ttf') format('truetype');
}

body {
	font-size:13px;
	font-family:'Source Sans Pro', 'sans-serif';
}

#error, #ermsg { margin:10px 0px 10px 0px; background-color:#f8e8b3; font-weight:bold; text-align:left; padding:6px 10px; border-radius:6px; border:1px solid #f0de99; }
#success, #okmsg { margin:10px 0px 10px 0px; background-color:#C5E3BF; font-weight:bold; text-align:left; padding:6px 10px; border-radius:6px; border:1px solid #A9C9A4; }

p { font-weight:normal; font-family:'Source Sans Pro', 'sans-serif'; }
b, strong { font-family:'Source Sans Pro', 'sans-serif'; }

p.tmargin { padding-top:15px; }

ol.roman { list-style:lower-roman; }

h1 {
	color:#00457c; font-size:28px; margin:10px auto;
}

h2 {
	color:#00457c; font-size:24px; margin:10px auto;
}

h2.moto {
	font-family:'Veneer'; font-weight:normal; font-style:normal;
}

h3 {
	font-size:22px; margin-top:10px;
}

.img-responsive { margin:0 auto; }

p.whp, p.whp a { color:#8601af; font-size:16px; }
p.whc, p.whc a { color:#a7194b; font-size:16px; }
p.fod, p.fod a { color:#0392ce; font-size:16px; }
p.ret, p.ret a { color:#f31601; font-size:16px; }
p.pro, p.pro a { color:#fd5308; font-size:16px; }
p.oth, p.oth a { color:#66b032; font-size:16px; }

.small-input { width:120px; }

a:hover, a:active, a:focus {
	outline:0;
}

p.bg-warning, p.bg-success, p.bg-info { padding:10px; }
p.bg-success, p.bg-warning, p.bg-info { font-size:14px; border-radius:6px; }
p.large { font-size:16px; }

.bigger tr td { font-size:18px; }

.sel-product p, .sel-product ul, .sel-product li { font-size:14px; }

.small-margin { margin:10px auto; }
.extra-margin { margin:20px auto; }

.padding-top-10 { padding-top:10px; }
.padding-top-20 { padding-top:20px; }

.table-scroll { overflow-x:auto; }

.split {
	margin:20px 0px 20px 0px;
	border-top:1px solid #efefef;
	clear:both;
}

h3.cover-title { background-color:#efefef; padding:10px 20px; margin:30px 0px 20px 0px; }

#breadcrumb {
	overflow:hidden;
	width:100%;
	list-style-type:none;
	padding:0;
	margin:0;	  
}
	
#breadcrumb ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
	
#breadcrumb li {
	float:left;
	margin:0 .5em 0 1em;
}
	
#breadcrumb a {
	background:#efefef;
	padding:.7em 1em;
	float:left;
	text-decoration:none;
	color:#333333;
	position:relative;
}
	
#breadcrumb a:hover {
	background:#ddd;
}
	
#breadcrumb a::before {
	content:"";
	position:absolute;
	top:50%; 
	margin-top:-1.5em;   
	border-width:1.5em 0 1.5em 1em;
	border-style:solid;
	border-color:#efefef #efefef #efefef transparent;
	left:-1em;
}

#breadcrumb a:hover::before {
	border-color:#ddd #ddd #ddd transparent;
}

#breadcrumb a::after {
  	content:"";
  	position:absolute;
  	top:50%;
  	margin-top:-1.5em;   
  	border-top:1.5em solid transparent;
  	border-bottom:1.5em solid transparent;
  	border-left:1em solid #efefef;
	right:-1em;
}

#breadcrumb a:hover::after {
	border-left-color:#ddd;
}

#breadcrumb .current,
#breadcrumb .current:hover {
	font-weight:bold;
	background:none;
}

#breadcrumb .current::after,
#breadcrumb .current::before {
	content:normal;
}

#back-top {
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:100;
}

#back-top a {
	width:40px;
	display:block;
	text-align:center;
	font:11px/100% Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#bbb;
	transition:1s;
}

#back-top a:hover { color:#000; }

#back-top span {
	width:40px;
	height:40px;
	display:block;
	margin-bottom:7px;
	border:2px solid #cccccc;
	background:#ffffff url(../../img/layout/top.png) no-repeat center center;
	border-radius:6px;
	transition:1s;
	opacity:0.8;
}

#back-top a:hover span { background-color:#efefef; opacity:1; }

.product-img { float:right; margin:0px 0px 20px 20px; }
.product-img-home { float:right; margin:0px 20px 20px 20px; }
.img-right { float:right; margin:0px 0px 20px 20px; }

.bdm-img { border:1px solid #cccccc; padding:3px; float:right; margin-right:20px; }
.bdm-img-margin { border:1px solid #cccccc; padding:3px; float:right; margin:0px 20px 20px 20px; }

.row-margin { margin:20px auto; }

.row .border-bottom { border-bottom:1px solid #efefef; padding:10px 0px; margin:0px 10px; font-size:18px; }
.row .border-none { padding:10px 0px; margin:0px 10px; font-size:18px; }

.doc { background:#ffffff url(../../img/broker/layout/documents.jpg) no-repeat right 10px; border:1px solid #efefef; border-radius:4px; padding:20px; margin:0px; }
.order { background:#ffffff url(../../img/broker/layout/order.jpg) no-repeat right 10px; border:1px solid #efefef; border-radius:4px; padding:20px; margin:0px; }
.contact { background:#ffffff url(../../img/broker/layout/contact.jpg) no-repeat right 10px; border:1px solid #efefef; border-radius:4px; padding:20px; margin:0px; }
.account { background:#ffffff url(../../img/broker/layout/account.jpg) no-repeat right 10px; border:1px solid #efefef; border-radius:4px; padding:20px; margin:0px; }
.fee { background:#ffffff url(../../img/broker/layout/fee.jpg) no-repeat right 10px; border:1px solid #efefef; border-radius:4px; }
.bonus { background:#ffffff url(../../img/broker/layout/bonus.jpg) no-repeat right 10px; border:1px solid #efefef; border-radius:4px; }

.renew { background:#ffffff url(../../img/broker/layout/renew.jpg) no-repeat right 10px; border:1px solid #efefef; border-radius:4px; padding:20px; margin:0px; }
.quote { background:#ffffff url(../../img/broker/layout/quote.jpg) no-repeat right 10px; border:1px solid #efefef; border-radius:4px; padding:20px; margin:0px; }
.policy { background:#ffffff url(../../img/broker/layout/policy.jpg) no-repeat right 10px; border:1px solid #efefef; border-radius:4px; padding:20px; margin:0px; }

table.doclist td.pdf { background:url(../../img/broker/layout/pdf.png) no-repeat 5px 10px; padding-left:50px; padding:16px 0px 16px 50px; }
table.doclist td.pdf2 { background:url(../../img/broker/layout/pdf.png) no-repeat 5px 10px; padding:16px 0px 16px 50px;  }
table.doclist td.word { background:url(../../img/broker/layout/doc.png) no-repeat 5px 10px; padding:16px 0px 16px 50px; }

table.tbl_bonus { margin-bottom:20px; }
table.tbl_bonus tr.accept { background-color:#e8f2e5; }
table.tbl_bonus td.accept { background-image:url(../../img/broker/layout/tick.png); background-position:80px 10px; background-repeat:no-repeat; vertical-align:text-top; padding-left:10px; }
table.tbl_bonus tbody tr.refer { background-color:#FFEFD5; }
table.tbl_bonus td.refer { padding-left:10px; }
table.tbl_bonus tr.decline { background-color:#ffe0e0; }
table.tbl_bonus td.decline { background-image:url(../../img/broker/layout/cross.png); background-position:80px 10px; background-repeat:no-repeat; vertical-align:text-top; padding-left:10px; }
table.tbl_bonus tbody tr.last th,
table.tbl_bonus tbody tr.last td { border-bottom:0; }
table.tbl_bonus td, table.tbl_bonus th { padding:20px 10px; }
table.tbl_bonus tbody tr {border-top:1px solid #cccccc; }

.userimg { float:right; margin:0px 0px 10px 10px; }

.crumb { margin:20px 0px 0px 0px; font-size:13px; padding-left:10px; }

.border { border:1px solid #efefef; border-radius:4px; padding:20px; margin:20px auto; }
.noborder { padding:20px; margin:20px auto; }

.product { text-align:center; margin:20px auto; }
.product img { border-radius:6px; margin-bottom:10px; }

.btn span.left { padding:0px 0px 0px 8px; }

.btn-primary {
  background-color: #00457c;
  border-color: #00457c;
  color:#ffffff;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #6caee0;
  border-color: #6caee0;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #00457c;
  border-color: #00457c;
}
.btn-primary:disabled,
.btn-primary[disabled] {
  background-color: #265a88;
  background-image: none;
}

.btn-blue {
  background-color: #6daddf;
  border-color: #6daddf;
  color:#ffffff;
}
.btn-blue:hover,
.btn-blue:focus {
  background-color: #8bc0e9;
  border-color: #8bc0e9;
  color:#ffffff;
}
.btn-blue:active,
.btn-blue.active {
  background-color: #8bc0e9;
  border-color: #8bc0e9;
  color:#ffffff;
}
.btn-blue:disabled,
.btn-blue[disabled] {
  background-color: #8bc0e9;
  background-image: none;
  color:#ffffff;
}

.btn-ok {
  background-color: #009933;
  border-color: #009933;
  color:#ffffff;
}
.btn-ok:hover,
.btn-ok:focus {
  background-color: #4DB870;
  border-color: #4DB870;
  color:#ffffff;
}
.btn-ok:active,
.btn-ok.active {
  background-color: #4DB870;
  border-color: #4DB870;
  color:#ffffff;
}
.btn-ok:disabled,
.btn-ok[disabled] {
  background-color: #4DB870;
  background-image: none;
  color:#ffffff;
}

.btn-cancel {
  background-color: #FF0000;
  border-color: #FF0000;
  color:#ffffff;
}
.btn-cancel:hover,
.btn-cancel:focus {
  background-color: #FF4D4D;
  border-color: #FF4D4D;
  color:#ffffff;
}
.btn-cancel:active,
.btn-cancel.active {
  background-color: #FF4D4D;
  border-color: #FF4D4D;
  color:#ffffff;
}
.btn-cancel:disabled,
.btn-cancel[disabled] {
  background-color: #FF4D4D;
  background-image: none;
  color:#ffffff;
}

.btn-lg {
  padding: 10px 16px;
  font-size: 14px;
  line-height: 1.33;
  border-radius: 6px;
  min-width:160px;
}

.rowColor {
	background-color: white;
}

.claim tbody tr { font-size:16px; text-align:left; }
.lrg tr { font-size:16px; }

.main { padding:10px 0px; }

.modal-dialog { margin-top:120px; }
.modal-body { padding:30px 30px 60px 30px; background-color:#e8e9e8; }
.modal-body p { font-size:16px; }
.modal-body h2.main-title { margin-top:0px; }
.modal-body img { float:right; margin:0px 0px 20px 20px; }
.modal-header img { margin:-4px 10px 0px 0px; }

/*** Tablet - iPad *********************/
@media only screen and (max-width : 939px) {
	
	h2 { font-size:18px; }
	.doc { background:none; }
	.order { background:none; }
	.contact { background:none; }
	.account { background:none; }
	
}

@media only screen and (max-width : 780px) {
	
	.crumb { padding-left:30px; }
	.border { margin:20px 20px; }
	.row { padding:20px; }
	
	.doc, .order, .contact, .renew, .quote, .policy { margin-bottom:20px; }
	
	.main { padding:0px; }
	
}

.button-margin-right { margin-right:10px; }

@media only screen and (max-width : 480px) {
	
	.button-margin-right { margin-right:0px; margin-bottom:10px; }
	
	h1 { font-size:24px; }
	h2 { font-size:20px; }
	h3 { font-size:18px; }
	
	.crumb { margin-top:10px; }
	
	.doc { background:none; }
	.order { background:none; }
	.contact { background:none; }
	.account { background:none; }
	
	.renew { display:none; }
	.quote { background:none; }
	.policy { background:none; }
	
	.userimg { display:none; }
	
	#login-form { width:180px; }
	#forgot-form { width:200px; }
	
	.logo-login { width:120px; height:68px; }
	
	.product-img, .product-img-home { display:none; }
	
	.crumb { display:none; }
	
	.product { text-align:center; margin:0px auto; }
	
	.table-scroll { width:100%; overflow-x:scroll; }
	
}