/* ------------------------------------------
RAJESH RANE
Company: Brand Harvest
Description: HTML5 to improve accessibility for users of legacy browsers.
Updated: 03 July 2013 / 1:50pm
Version: 1.0.0
Dual licensed under MIT and GNU GPLv2 © RAJESH RANE
------------------------------------------ */
@font-face { font-family: 'Conv_MyriadPro-Regular'; src: url('../fonts/MyriadPro-Regular.eot'); src: local('☺'), url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.ttf') format('truetype'), url('../fonts/MyriadPro-Regular.svg') format('svg'); font-weight: normal; font-style: normal; }
/** Generated by FG **/
@font-face { font-family: 'Conv_MyriadPro-Bold'; src: url('../fonts/MyriadPro-Bold.eot'); src: local('☺'), url('../fonts/MyriadPro-Bold.woff') format('woff'), url('../fonts/MyriadPro-Bold.ttf') format('truetype'), url('../fonts/MyriadPro-Bold.svg') format('svg'); font-weight: normal; font-style: normal; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none;/*-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*/ margin: 0; padding: 0; }
html { height: 101%; }
body { font-size: 62.5%; line-height: 1; font-family: Verdana, Arial, Tahoma, sans-serif; color: #58595B; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
strong { font-weight: 700; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0;/*max-width:100%;*/ }
p { color: #333; font-size: 1.14em; line-height: 1.3em; margin-bottom: 10px; }
h2 { color: #0082EC; font-family: Conv_MyriadPro-Regular; font-size: 2.4em; font-weight: 100; line-height: 1.55em; background: url(../images/hline.png) repeat-x left center; }
h2 span { background: none repeat scroll 0 0 #FFF; padding-right: 20px; }
/*h2 b{color:#0082EC;font-family:'Conv_MyriadPro-Bold';font-weight:100;line-height:1.55em;}*/
h3 { color: #0082EC; font-family: 'Conv_MyriadPro-Bold'; font-size: 2em; font-weight: 100; line-height: 1.5em; margin-bottom: 10px; }
h4 { color: #0082EC; font-family: 'Conv_MyriadPro-Bold'; font-size: 1.7em; font-weight: 100; line-height: 1.2em; margin-bottom: 5px; }
a { color: #0082EC; outline: medium none; text-decoration: none; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; }
a:hover { color: #ec1c24; text-decoration: none; }
.clearfix:before, #wrapper:after { clear: both; content: ""; display: table; }
#wrapper:after, .mainin:after, .mainin article:first-of-type :after, .mainin article:last-of-type:after { clear: both; }
/* SME -> Generics
--------------------------------------------------*/
body { background: #FFF url(../images/clouds.jpg) no-repeat fixed left top; margin: 0; padding: 0; }
#wrapper { background: none repeat scroll 0 0 #FFF; border-left: 1px solid #F0F1F1; border-right: 1px solid #F0F1F1; box-shadow: 4px 5px rgba(0,0,0,0.1); height: auto; min-height: 380px; width: 986px; margin: 0 auto; padding: 0 5px 5px; }
header { height: 89px; width: 100%; padding: 16px 0; }
/*header nav { margin: 46px 0 0 490px; width: 475px; }*/
header nav { margin: 46px 0 0 425px; width: 545px; }
#menu { height: 2em; list-style-type: none; margin: 0; padding: 0; }
#menu li { float: left; height: 3em; line-height: 2em; padding: 0 10px; position: relative; text-align: left; }
#menu li a, #menu li a:visited { color: #58595B; display: block; font-family: Conv_MyriadPro-Bold; font-size: 11px; letter-spacing: 1px; text-decoration: none; }
#menu li a span, #menu li a:visited span { display: none; }
#menu li a:hover { border: 0; }
#menu li ul { float: left; height: 20px; padding: 5px 0 0; position: absolute; right: -24px; top: 20px; width: 125px; z-index: 597; }
##menu li ul li { float: left; font: 100 9px/18px LinotypeUniversExtdMedium, Helvetica, Arial, Verdana, sans-serif; height: 31px; letter-spacing: 1px; padding: 0 2px 0 0; text-transform: uppercase; vertical-align: middle; width: 100%; }
#menu li ul li a { background: none repeat scroll 0 0 #F0F0F0; border: 1px solid #CCCCCC; color: #71757C; display: block; float: none; font-weight: 400; height: 18px; letter-spacing: 1px; line-height: 18px; padding: 5px 10px; }
#menu li ul li a:hover { color: #29AAE2; border: 1px solid #CCCCCC; }
#menu li ul li:after { content: " "; padding: 0 3px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
#menu li ul li { height: 21px; }
}
#menu ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 120px; }
#menu ul li { float: none; }
#menu ul ul { top: 1px; left: 99%; }
#menu li:hover > ul { visibility: visible; }
#bbm-logo { background: none repeat scroll 0 0 transparent; color: #333; float: left; height: 90px; width: 175px; margin: 0 0 0 7px; }
#bbm-logo a { background: url(../images/ITC_Logo_UAE.jpg) no-repeat scroll 5px 3px transparent; border: 0 none; display: block; height: 90px; text-indent: -9999px; width: 175px; }
.colage { height: auto; margin-bottom: 15px; min-height: 387px; width: 100%; }
.colage dl:first-of-type { float: left; position: relative; width: 691px; }
.colage dl:first-of-type dt { width: 691px; height: 232px; background: #FFF; margin-bottom: 9px; }
.colage dl:first-of-type dd { width: 223.466px; height: 144.533px; background: #FFF; }
.colage dl:first-of-type dd:nth-of-type(1) { float: left; }
.colage dl:first-of-type dd:nth-of-type(3) { float: right; position: absolute; right: 0; top: 241px; }
.colage dl:first-of-type dd:nth-of-type(2) { background: #FFF; margin: 0 auto; }
.colage dl:last-of-type { width: 285px; margin-left: 701px; }
.colage dl:last-of-type dt { background: none repeat scroll 0 0 #0082EC; height: 212px; margin-bottom: 9px; width: 94%; padding: 10px 3%; }
.colage dl:last-of-type dd { width: 94%; height: 124.533px; background: #EC1C24; padding: 10px 3%; }
.incolage { background: none repeat scroll 0 0 #fff; height: auto; min-height: 225px; width: 922px; margin: 0 auto 15px; }
.main { height: auto; min-height: 215px; width: 100%; }
.main article:first-of-type { float: left; width: 294px; }
.main article:last-of-type { float: right; width: 563px; }
.mainin { height: auto; min-height: 215px; padding-bottom: 15px; width: 100%; }
.mainin article:first-of-type { float: left; width: 429px; }
.mainin article:last-of-type { float: right; padding-top: 55px; width: 429px; }
.mainin article h2 { margin-bottom: 15px; width: 80%; }
.main article, .mainin article { float: left; height: auto; min-height: 167px; padding: 0 32px; }
footer { height: 10px; width: 100%; background: #F0F1F1; padding: 10px 0 15px; }
#wrapper footer p { font-size: 11px; }
#wrapper footer p:first-of-type { float: left; margin-left: 32px; width: 420px; }
/*#wrapper footer p:last-of-type { float: right; margin-right: 32px; width: 255px; }*/
.colage dl h2, .colage dl dt strong { background: none repeat scroll 0 0 transparent; border-bottom: 1px solid #FFF; color: #FFF; display: block; font: 700 19px 'Conv_MyriadPro-Regular'; margin-bottom: 10px; padding-bottom: 5px; }
.colage dl p { color: #FFF; font: 100 10px/12px Verdana, Geneva, sans-serif; }
/*.colage dl dt b{color:#9FD4FF;font:700 23px/12px 'Conv_MyriadPro-Bold', Verdana, Geneva, sans-serif;}
.colage dl dd h2 b{color:#7E0B0F;font:700 18px/12px 'Conv_MyriadPro-Bold', Verdana,Geneva,sans-serif;}*/
.breadcrumb .divider { height: 5px; letter-spacing: 1px; width: 1px; padding: 0 5px; }
.breadcrumb .active { font-size: 10px; letter-spacing: 1px; }
.breadcrumb { -moz-box-sizing: border-box; background: url(../images/sprite.html) no-repeat scroll 85px -335px transparent; color: #929292; font-size: 10px; width: 100%; padding: 0 20px 10px 32px; }
.imgl { float: left; margin: 0 10px 0 0; }
.imgr { float: right; margin: 0 0 0 10px; }
.imgm { display: block; margin: 0 auto; }
.mainin article:last-of-type ul li { color: #333; font-size: 11px; list-style: disc inside none; padding: 2px 0; }
.table-6 { background: none repeat scroll 0 0 #FFF; border-collapse: collapse; width: 300px; }
.table-6 tbody { border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; margin: 0; padding: 0; }
.table-6 thead { text-align: left; }
.table-6 thead th { background: none repeat scroll 0 0 #A96E10; border: 1px solid #7d6934; color: #FFF; font-size: 11px; font-weight: 700; padding: 7px 10px; }
.table-6 td { border: 1px solid #A0D4FF; font-size: 11px; padding: 5px 10px; }
.table-6 tr:nth-child(even) { background: #ECF6FF; }
.table-7 { background: none repeat scroll 0 0 #FFF; border-collapse: collapse; width: 427px; }
.table-7 tbody { border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; margin: 0; padding: 0; }
.table-7 thead { text-align: left; }
.table-7 thead th { background: none repeat scroll 0 0 #A0D2FF; border: 1px solid #D3EAFF; color: #FFF; font-size: 11px; font-weight: 700; padding: 7px 10px; }
.table-7 td { border: 1px solid #A0D4FF; font-size: 11px; padding: 5px 10px; }
.table-7 tr:nth-child(even) { background: #ECF6FF; }
ol.gcompany { padding: 5px 0 10px 20px; }
.gcompany li { font-size: 11px; list-style: decimal outside none; padding: 4px 0; }
#mask { position: absolute; left: 0; top: 0; z-index: 9000; background-color: #000; display: none; }
#boxes .window { position: absolute; left: 0; top: 0; width: 440px; height: 200px; display: none; z-index: 9999; padding: 20px; background: url(../images/warning.jpg) no-repeat left top; }
#boxes #dialog { background-color: #FFFFFF; border: 5px solid #CCCCCC; display: none; height: 280px; left: 38.75%; padding: 10px; top: 199.5px; width: 280px; }
#boxes a { background: none repeat scroll 0 0 white; border-radius: 8px 8px 8px 8px; color: #333333; display: block; float: left; font: 700 12px Georgia, "Times New Roman", Times, serif; height: 14px; padding: 14px 5px; text-align: center; width: 100px; }
#boxes ul { margin: 240px 0 0 20px; width: 95%; }
#boxes ul li { float: left; width: 49%; }
#boxes a { background: none repeat scroll 0 0 white; border-radius: 8px 8px 8px 8px; color: #333333; display: block; float: left; font: 700 12px Georgia, "Times New Roman", Times, serif; height: 14px; padding: 11px 0; text-align: center; width: 122px; }
#boxes .red { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #ec1c24; *background-color: #ec1c24;
background-image: -moz-linear-gradient(top, #ec1c24, #7e0b0f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ec1c24), to(#7e0b0f)); background-image: -webkit-linear-gradient(top, #ec1c24, #7e0b0f); background-image: -o-linear-gradient(top, #ec1c24, #7e0b0f); background-image: linear-gradient(to bottom, #ec1c24, #7e0b0f); background-repeat: repeat-x; border-color: #7e0b0f #7e0b0f #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec1c24', endColorstr='#ff7e0b0f', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
#boxes .green { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; *background-color: #51a351;
background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.mainin article:first-of-type dl dt, .mainin article:first-of-type dl dd, .mainin article:last-of-type dl dt, .mainin article:last-of-type dl dd { font-size: 11px; margin-bottom: 5px; }
.mainin article:first-of-type dl dt, .mainin article:last-of-type dl dt { font-size: 13px; font-weight: 700; margin-bottom: 10px; line-height: 18px; }
.apply { -moz-box-shadow: inset 0px 1px 0px 0px #bee2f9; -webkit-box-shadow: inset 0px 1px 0px 0px #bee2f9; box-shadow: inset 0px 1px 0px 0px #bee2f9; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) ); background: -moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
background-color: #63b8ee; -webkit-border-top-left-radius: 15px; -moz-border-radius-topleft: 15px; border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topright: 15px; border-top-right-radius: 15px; -webkit-border-bottom-right-radius: 15px; -moz-border-radius-bottomright: 15px; border-bottom-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-bottomleft: 15px; border-bottom-left-radius: 15px; text-indent: -0.74px; border: 1px solid #3866a3; display: inline-block; color: #14396a; font-family: Arial Black; font-size: 12px; font-weight: bold; font-style: normal; height: 26px; line-height: 26px; width: 74px; text-decoration: none; text-align: center; text-shadow: 1px 1px 0px #7cacde; }
.apply:hover { background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) ); background: -moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
background-color: #468ccf; color: #FFF; }
.apply:active { position: relative; top: 1px; }