html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { padding: 3px; vertical-align:middle; }

body { font-size:12px; line-height:1.3em; }
table { font-size:inherit; font:100%; }
select, input, textarea { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

body, select, input, textarea { color:#444; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
html { -webkit-font-smoothing: antialiased; }
a:hover, a:active { outline: none; }
a:active, a:visited { text-decoration: underline; }
a { font-family: Lato, Helvetica, Arial, Sans-serif; color: #2265a4; font-weight:700; text-decoration: none;}
a:hover { text-decoration: underline; cursor:pointer;}
ol { margin-left:30px; list-style-type: decimal; }
small { font-size:85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align:top; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
em {font-style: normal; font-weight: normal;}
pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }

input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }

::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }

html { overflow-y: scroll; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }
.hidden { display:none; visibility:hidden; }
.visuallyhidden { position:absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.link-rolover { background-repeat:no-repeat; background-position:left top; text-indent:-5000px; display:block; overflow:hidden; }
.link-rolover-on { background-position:left bottom; }
.link-rolover:hover { background-position:left bottom; border:none; }

/* Primary Styles
   Author:
*/

/* site styles */
body { background-color:#fff;}
p { font:13px Lato, Helvetica, Arial, Sans-serif; padding:0 0 15px; color:#353535; line-height:20px; }
h1 { font:36px Lato, Helvetica, Arial, Sans-serif; padding:0 0 15px; color:#fff; line-height:normal; font-weight: 700; }
h2 { font:28px Lato, Helvetica, Arial, Sans-serif; padding:0 0 15px; color:#1e5a9a; line-height:28px; font-weight: 400; }
h3 { font:22px Lato, Helvetica, Arial, Sans-serif; padding:0 0 15px; color:#151515; line-height:normal; font-weight: 400; }
h4 { font:22px Lato, Helvetica, Arial, Sans-serif; padding:0 0 10px; color:#1e5a9a; line-height:normal; font-weight: 400; }
strong { font-weight: 700; }

/* header */
header.main { background: url("../images/head-bg.png") repeat-x scroll 0 0 transparent; height: 231px; width:100%; }
.bg_head { background: url("../images/head-frame.png") no-repeat scroll top center transparent; height: 231px; }
.wrap { width:990px; margin:0 auto; position:relative;}
a.logo { background:url(../images/main-sprite.png) no-repeat scroll 0 -184px transparent; float:left; height:47px; overflow:hidden; position:relative; text-indent:-333px; top:14px; width:205px; }
a.logo.umbrella { background-position: -600px -230px;}
a.logo.accountancy { background-position: -600px -184px;}
span.tel { background:url(../images/main-sprite.png) no-repeat scroll 0 -232px transparent; display:block; height:30px; overflow:hidden; position:relative; text-indent:-333px; width:150px; float:left; }
span.tel-ltd { background:url(../images/main-sprite.png) no-repeat scroll 0 -788px transparent; display:block; height:30px; overflow:hidden; position:relative; text-indent:-333px; width:150px; float:left; }

header #home_tag_line { background: url("../images/tagline-bg.png") no-repeat scroll 0 0 transparent; height: 93px; left: 30px; position: absolute; top: 70px; width: 930px; overflow:hidden; }
header #home_tag_line p.tagline { color: #FFFFFF; font-family: Lato; font-size: 32px; font-style: italic; font-weight: 700; height: 100px; left: 55px; line-height: normal; overflow: hidden; position: absolute; text-align: center; text-shadow: 0 1px 1px #0C2E4F; top: 20px; width: 820px; }
.ie7 header #home_tag_line p.tagline {font-size: 30px; font-style:normal;}
.ie8 header #home_tag_line p.tagline {font-size: 30px; font-style:normal;}
header #inner_tag_line { background: url("../images/tagline-bg.png") no-repeat scroll 0 0 transparent; height: 93px; left: 30px; position: absolute; top: 70px; width: 930px; overflow:hidden; }
header #inner_tag_line p.tagline { color: #FFFFFF; font: italic 700 32px Lato,Helvetica,Arial,Sans-serif; height: 100px; left: 55px; overflow: hidden; position: absolute; text-align: center; text-shadow: 0 1px 1px #0C2E4F; top: 6px; width: 820px; }
.ie7 header #inner_tag_line p.tagline {font-size: 30px; font-style:normal;}
.ie8 header #inner_tag_line p.tagline {font-size: 30px; font-style:normal;}
header nav { border-bottom: 1px solid #DEDEDE; list-style: none outside none; margin: 0 35px; position: absolute; top: 157px; width: 915px; left: 0;}
header nav #tabs { float: left; height: 73px; }

.top_holder { float: right; position: relative; top: 23px; }
.top_holder ul { float:left; height:31px; margin-left:15px; overflow:hidden; text-indent:-333px; width:366px; }
.top_holder ul li { float:left; position:relative; display:block; }
.top_holder ul li a { display:block; height:30px; text-indent:-333px; overflow:hidden; text-decoration: none;}
.top_holder ul li.signup span { background:url(../images/main-sprite.png) no-repeat scroll -256px -151px transparent; width:69px; display:block; height:30px; overflow:hidden; text-indent:-333px;}
.top_holder ul li.umb a { background:url(../images/main-sprite.png) no-repeat scroll -325px -151px transparent; width:80px; }
.top_holder ul li.umb a:hover { display:block; height:30px; background-position:-325px -181px; }
.top_holder ul li.ltd a { background:url(../images/main-sprite.png) no-repeat scroll -405px -151px transparent; width:76px; }
.top_holder ul li.ltd a:hover { display:block; height:30px; background-position:-405px -181px; }
.top_holder ul li.portal a { background:url(../images/main-sprite.png) no-repeat scroll -304px -211px transparent; margin-left:15px; width:126px; }
.top_holder ul li.portal a:hover { display:block; height:30px; background-position:-304px -241px; }

#tabs .top { padding:0;background: url("http://www.orangegenie.com/sitestyle/images/dropdown-top.png") no-repeat scroll 0 0 transparent; display: block; height: 23px; width:243px; float:left;}
#tabs .end{ padding:0;background: url("../images/dropdown-end.png") no-repeat scroll 0 0 transparent; display: block; height: 11px; width:243px; float:left;}
#tabs li { background: url("../images/nav-divider.png") no-repeat scroll 3px 32px transparent; float: left; padding: 0 0 0 26px;}
#tabs li.main a { color: #333333; display: block; font: 400 14px Lato,Helvetica,Arial,Sans-serif; padding: 33px 0 0; text-decoration: none; text-transform: uppercase; }
#tabs li.sub { display: block; padding: 0; width: 243px; background-color:#ededed;}
#tabs li.sub:hover {background-color:#2265a4;}
#tabs ul li.sub a { color: #333333; display: block; font: 400 12px Lato,Helvetica,Arial,Sans-serif; padding: 7px 0 7px 18px; text-transform:none; text-decoration: none; }
#tabs ul li.sub a:hover { color: #ffffff; text-decoration: none; background: none; font-weight:700; }
#tabs ul li.sub a.on { color: #333333; text-decoration: none; background: none; font-weight:400; background-color:#dedede; }
#tabs li.home { padding:0;background: url("../images/main-sprite.png") no-repeat scroll -254px 21px transparent; display: block; height: 58px; overflow: hidden; text-indent: -333px; width: 40px;}
#tabs li.home a {margin:0; padding:35px 0 0;}
#tabs li.main a.on,#tabs li.main a:hover { color:#f5b84f; text-decoration:none; background: url("../images/nav-selector.png") no-repeat scroll center top transparent; }

/* dropdown */
.ie7 ul.dropdown ul {display: none;}
ul.dropdown, ul.dropdown li, ul.dropdown ul {list-style: none;margin: 0;padding: 0;}
ul.dropdown {position: relative;z-index: 1000;float: left;}
ul.dropdown li {line-height: 1.3em;vertical-align: middle; zoom: 1;}
ul.dropdown li.hover,
ul.dropdown li:hover {position: relative;z-index: 1002;cursor: default;}
ul.dropdown ul {visibility: hidden;position: absolute;top: 100%;left: 0;z-index: 598;width: 100%;}
ul.dropdown ul li {padding-left: 0px!important; background-image: none; float: none;}
ul.dropdown ul ul {top: 1px;left: 99%;}
ul.dropdown li:hover > ul {visibility: visible;}

* html ul.dropdown li {height: 1px;}
ul.dropdown ul li,ul.dropdown-vertical {margin-left: -16px;mar\gin-left: 0;}
ul.dropdown ul,ul.dropdown li:hover ul ul,ul.dropdown li:hover ul ul ul,ul.dropdown li:hover ul ul ul ul,ul.dropdown li:hover ul ul ul ul ul {visibility: hidden;}
ul.dropdown li:hover ul,ul.dropdown ul li:hover ul,ul.dropdown ul ul li:hover ul,ul.dropdown ul ul ul li:hover ul,ul.dropdown ul ul ul ul li:hover ul {visibility: visible;}
ul.dropdown ul ul ul ul ul ul {visibility: hidden !important;}
ul.dropdown ul { width: 243px;margin-top: 0; margin-left: 32px;}

/* content */
#main { width:100%; position: relative; }
#main_content { float: right; list-style: none outside none; position: relative; right: 35px; top: 15px; width: 640px; padding: 0 0 20px;}
#main_home { background: url("../images/home-top-bg.png") repeat-x scroll 0 0 transparent; width:100%; position: relative; }
#main_content_home { float: left; left: 35px;list-style: none outside none; padding:0 0 50px; position: relative; top: 15px; width: 915px; }
#main_left_home { float: left; left: 10px; position: relative; width: 650px; height:310px; }
#main_right_home { float: right; position: relative; right: 35px; width: 250px;}
.content { background: url("../images/main-frame.png") no-repeat scroll center top transparent; min-height: 372px; }
.breadcrumbs { height: 15px; margin: 0 35px; padding: 15px 0 0; width: 915px; }
.breadcrumbs a.home { background: url("../images/home-icon.png") no-repeat scroll 0 0 transparent; display: block; float: left; height: 14px; overflow: hidden; padding: 0 8px 0 0; text-indent: -333px; width: 14px; }
.breadcrumbs a.cookie-link { font: 400 11px Lato,Helvetica,Arial,Sans-serif; color:#727272; }
.breadcrumbs a.cookie-link:hover { font: 400 11px Lato,Helvetica,Arial,Sans-serif; color:#474747; }
.breadcrumbs span { font: 400 11px Lato,Helvetica,Arial,Sans-serif; color:#151515; }

#main_content ul { 	margin-left: 0; padding-left: 0; }
#main_content ul li { background: url("../images/nav-divider.png") no-repeat scroll 0 2px transparent; color: #474747; font: 400 13px/20px Lato,Helvetica,Arial,Sans-serif; list-style: none outside none; margin-left: 0; padding: 0 0 8px 20px; }
#main_content ol { 	margin-left: 0; padding-left: 0; }
#main_content ol li { color: #474747; font: 400 13px/20px Lato,Helvetica,Arial,Sans-serif; list-style: decimal inside none; margin-left: 0; padding: 0 0 8px 20px; }

ol.decimel { list-style: decimal outside none; margin: 0 25px 12px; padding: 0 20px;}
ol.decimel li { background: url("../images/list-bullet.png") no-repeat scroll -28px -2px transparent; color: #474747; font: 400 13px/20px Lato,Helvetica,Arial,Sans-serif; margin: 0; padding: 0 0 15px; }

span.SiteLinksList { font:13px Lato, Helvetica, Arial, Sans-serif; padding:0 0 15px; line-height:22px; color: #2265a4; font-weight:700;}
a.SiteLinksList { font:13px Lato, Helvetica, Arial, Sans-serif; padding:0 0 15px; line-height:22px; color: #2265a4; font-weight:700;}
a.SiteLinksList:hover { text-decoration:underline;}

#box-table-a { border-collapse: collapse; font-family: Lato, Helvetica, Arial, Sans-serif; font-size: 12px; margin: 20px; text-align: left; width: 480px; }
#box-table-a th { background: none repeat scroll 0 0 #1e5a9a; border-bottom: 1px solid #FFFFFF; color: #fff; font-size: 13px; font-weight: normal; padding: 8px; text-shadow: 0 1px 1px #0C2E4F; }
#box-table-a td { background: none repeat scroll 0 0 #E8EDFF; border-bottom: 1px solid #FFFFFF; border-top: 1px solid transparent; color: #666699; padding: 8px; }

/* left column */
.left_col { float: left; left: 35px; list-style: none outside none; position: relative; top: 15px; width: 250px; padding: 0 0 20px; }

/* top slider */
#top_slider { float: left; height: 291px; left: 35px; margin: 0 0 30px; padding: 0; position: relative; top: 15px; width: 920px; background: url("../images/slider-frame2.png") no-repeat 0 0;}
#top_slider #slider_base { left: 0px; top: 0px; position: absolute; padding: 0; width: 920px; height:311px; overflow: hidden;}
#top_slider .slider_holder { width: 3680px; height:311px; overflow:hidden;}
.ie7 #top_slider .slider_holder { width: 4020px; }
.ie8 #top_slider .slider_holder { width: 4020px; }
.ie9 #top_slider .slider_holder { width: 4220px; }
#top_slider .slider_content { height: 311px; list-style: none outside none; width: 920px; float:left; position: relative;}
#top_slider .slider_content p.title { color: #FFFFFF; font: 400 24px Lato,Helvetica,Arial,Sans-serif; left: 30px; letter-spacing: -1px; position: relative; text-shadow: 0 1px 1px #0C2E4F; top: 12px;}
#top_slider .slider_nav { left: 27px; bottom: 0; height: 70px; position: absolute; width: 915px;}
#top_slider .slider_nav li { float: left; display: block; list-style: none; }
#top_slider .slider_nav li a { display: block; float: left; height: 70px; overflow: hidden; text-indent: -333px; height: 69px; list-style: none;background: url("../images/main-sprite.png");}
#top_slider #block_01 a{ background: url("../images/main-sprite.png") no-repeat scroll -1px -633px transparent; width: 213px; text-decoration:none;}
#top_slider #block_02 a{ background: url("../images/main-sprite.png") no-repeat scroll -215px -633px transparent; width:241px; text-decoration:none;}
#top_slider #block_03 a{ background: url("../images/main-sprite.png") no-repeat scroll -458px -633px transparent; width:245px; text-decoration:none;}
#top_slider #block_04 a{ background: url("../images/main-sprite.png") no-repeat scroll -704px -633px transparent; width:162px; text-decoration:none;}
#top_slider #block_01 a.on,#top_slider #block_01 a:hover { background-position: -1px -703px; text-decoration:none;}
#top_slider #block_02 a.on,#top_slider #block_02 a:hover { background-position: -215px -703px; text-decoration:none;}
#top_slider #block_03 a.on,#top_slider #block_03 a:hover { background-position: -458px -703px; text-decoration:none;}
#top_slider #block_04 a.on,#top_slider #block_04 a:hover { background-position: -704px -703px; text-decoration:none;}
#top_slider .icon { left: 63px; position: relative; top: 12px; }
#top_slider p.description { color: #FFFFFF; float: right; font: 700 14px/22px Lato,Helvetica,Arial,Sans-serif; padding: 0 0 15px; text-shadow: 0 1px 1px #0C2E4F; }
#top_slider .description_holder { width: 600px; padding: 0 0 15px; position:absolute; right: 30px; top: 80px; }
#top_slider ul.description { float: left; padding: 0 8px 0 0; width: 290px; }
#top_slider ul.description li { color: #FFFFFF; font: 700 16px/28px Lato,Helvetica,Arial,Sans-serif; text-shadow: 0 1px 1px #0C2E4F; background: url("../images/tick-bullet.png") no-repeat scroll 0 2px transparent; list-style: none outside none; margin-left: 0; padding: 0 0 8px 30px; }

/* footer */
footer.main { background: url("../images/foot-bg.png") repeat-x scroll 0 0 transparent; height: 130px; width:100%; margin-top: 30px;}
.bg_foot { background: url("../images/foot-frame.png") no-repeat scroll top center transparent; height: 130px; }
footer h3 { font:16px Lato, Helvetica, Arial, Sans-serif; padding:0 0 15px; color:#fff; line-height:22px; text-shadow:0 1px 1px #0C2E4F; font-weight:700;}

footer.main ul.awards { float: left; height: 69px; left: 0px; margin: 0 0 0 8px; position: relative; top: 0; width: 980px; }
ul.awards li { border-right: 1px solid #DBDBDB; display: block; float: left; height: 55px; margin: 0 3px; overflow: hidden; padding: 0 5px 0 12px; text-indent: -333px;}
ul.awards li.award_00 { background: url("../images/main-sprite.png") no-repeat scroll -70px -445px transparent; width: 80px; }
ul.awards li.award_01 { background: url("../images/main-sprite.png") no-repeat scroll -5px -269px transparent; width: 110px; }
ul.awards li.award_02 { background: url("../images/main-sprite.png") no-repeat scroll -5px -333px transparent; width: 133px; }
ul.awards li.award_03 { background: url("../images/main-sprite.png") no-repeat scroll 0 -393px transparent; width: 90px; }
ul.awards li.award_04 { background: url("../images/main-sprite.png") no-repeat scroll -136px -393px transparent; width: 90px; }
ul.awards li.award_05 { background: url("../images/main-sprite.png") no-repeat scroll 0 -445px transparent; width: 52px; }
ul.awards li.award_06 { background: url("../images/main-sprite.png") no-repeat scroll -90px -445px transparent; width: 52px; }
ul.awards li.award_07 { background: url("../images/main-sprite.png") no-repeat scroll -190px -445px transparent; width: 29px; height: 65px; }
ul.awards li.award_08 { background: url("../images/main-sprite.png") no-repeat scroll -4px -514px transparent; width: 55px;}
ul.awards li.award_09 { background: url("../images/main-sprite.png") no-repeat scroll -1px -575px transparent; width: 110px; border:0; }

.copyright { background:url(../images/copyright-bg.png) repeat-x scroll 0 0 #1d354b; width:100%; display:block; height:83px; }
.copyright .container { margin:0 auto; width:990px; }
.copyright .container p { color:#FFFFFF; font:12px/20px Lato,Helvetica,Arial,Sans-serif; text-decoration:none; text-shadow:0 1px 1px #0C2E4F; line-height:22px; padding:0; }
.copyright .container b { color:#FFFFFF; font:12px/20px Lato,Helvetica,Arial,Sans-serif; text-decoration:none; text-shadow:0 1px 1px #0C2E4F; line-height:22px; font-weight:700; }
.copyright .container em { color:#899faa; font:12px/20px Lato,Helvetica,Arial,Sans-serif; text-decoration:none; text-shadow:0 1px 1px #0C2E4F; line-height:22px; }
.copyright a { color:#FFFFFF; font:12px/20px Lato,Helvetica,Arial,Sans-serif; text-decoration:none; text-shadow:0 1px 1px #0C2E4F; padding:0 0 5px; line-height:normal; }
.copyright a:hover { text-decoration:underline; color:#ececec; }
.copyright .left { float: left; position: relative; top: 8px; width: 430px; }
.copyright .center { float: left; left: 95px; position: relative; top: 32px; }
.copyright .center a { background:url(../images/main-sprite.png) no-repeat scroll -53px -158px transparent; padding: 0 0 2px 25px; font-weight:700; }
.copyright .right { float: right; position: relative; top: 8px; width: 280px; }
.copyright .right p { text-align:right; }
.copyright p.title { font-weight:700; }
.copyright p.address { font-weight:400; }
.copyright p.reg { color:#899faa; font:12px/20px Lato,Helvetica,Arial,Sans-serif; text-decoration:none; font-weight:400; text-shadow:0 1px 1px #0C2E4F; }

#toTop { display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; overflow:hidden; width:30px; height:31px; border:none; text-indent:-999px; background:url(../images/main-sprite.png) no-repeat scroll -214px -192px transparent; }
#toTopHover { background:url(../images/main-sprite.png) no-repeat scroll -214px -223px transparent; width:30px; height:31px; display:block; overflow:hidden; float:left; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); }
#toTop:active,#toTop:focus { outline:none; }

.more { display: none; border-top: 1px solid #666; border-bottom: 1px solid #666; }
a.showLink, a.hideLink { text-decoration: none; color: #36f; padding-left: 8px; background: transparent url('http://www.orangegenie.com/sitestyle/css/down.gif') no-repeat left; }
a.hideLink { background: transparent url('http://www.orangegenie.com/sitestyle/css/up.gif') no-repeat left; }
a.showLink:hover, a.hideLink:hover { border-bottom: 1px dotted #36f; }

/* main button style - blue */
a.button-blue-lrg { background:url(../images/button-blue-large_02.png) no-repeat scroll right top transparent; color:#FFFFFF; display:block; float:left; font:700 16px Lato,Helvetica,Arial,Sans-serif; height:50px; margin-right:6px; margin-bottom: 10px; padding-right:18px; text-decoration:none; text-shadow:0 1px 1px #0C2E4F; text-transform:uppercase; width: 230px; }
a.button-blue-lrg span { background:url(../images/button-blue-large_01.png) no-repeat scroll left top transparent; display:block; line-height:14px; padding: 18px 0 18px 18px; text-align: center; }
a.button-blue-lrg:hover { background-position:right bottom; outline:none; text-decoration:none;}
a.button-blue-lrg:hover span { background-position:left bottom; padding:18px 0 18px 18px; text-decoration:none;}

a.button-blue-sm { background: url("../images/button-blue-small_02.png") no-repeat scroll right top transparent; color: #FFFFFF; display: block; font: 400 11px Lato,Helvetica,Arial,Sans-serif; height: 24px; margin-bottom: 10px; margin-right: 6px; padding-right: 12px; text-decoration: none; text-shadow: 0 1px 1px #0C2E4F; text-transform: uppercase;}
a.button-blue-sm span { background: url("../images/button-blue-small_01.png") no-repeat scroll left top transparent; display: block; line-height: 14px; padding: 5px 0 5px 14px; text-align: center; }
a.button-blue-sm:hover { background-position:right bottom; outline:none; text-decoration:none;}
a.button-blue-sm:hover span { background-position:left bottom; padding:5px 0 5px 14px; text-decoration:none;}

a.button-orange-lrg { background:url(../images/button-orange-large_02.png) no-repeat scroll right top transparent; color:#151515; display:block; float:left; font:700 16px Lato,Helvetica,Arial,Sans-serif; height:50px; margin-right:6px; margin-bottom: 10px; padding-right:18px; text-decoration:none; text-shadow:0 1px 1px #f5e6d1; text-transform:uppercase; width: 230px; }
a.button-orange-lrg span { background:url(../images/button-orange-large_01.png) no-repeat scroll left top transparent; display:block; line-height:14px; padding: 18px 0 18px 18px; text-align: center; }
a.button-orange-lrg:hover { background-position:right bottom; outline:none; color:#151515; text-decoration:none;}
a.button-orange-lrg:hover span { background-position:left bottom; padding:18px 0 18px 18px; color:#151515; text-decoration:none;}

a.button-orange-sm { background: url("../images/button-orange-small_02.png") no-repeat scroll right top transparent; color: #151515; display: block; font: 400 11px Lato,Helvetica,Arial,Sans-serif; height: 24px; margin-bottom: 10px; margin-right: 6px; padding-right: 12px; text-decoration: none; text-shadow: 0 1px 1px #F5E6D1; text-transform: uppercase;}
a.button-orange-sm span { background: url("../images/button-orange-small_01.png") no-repeat scroll left top transparent; display: block; line-height: 14px; padding: 5px 0 5px 14px; text-align: center; }
a.button-orange-sm:hover { background-position:right bottom; outline:none; color:#151515; text-decoration:none;}
a.button-orange-sm:hover span { background-position:left bottom; padding:5px 0 5px 14px; color:#151515; text-decoration:none;}

.howtooperate { padding:10px; }
.howtooperate ul { margin:0 10px 10px 0; padding:0; text-align:left; }
.howtooperate ul li { list-style:none; display:inline; margin:0; padding:0 5px 0 0; background: none !important; }
.howtooperate ul li a { background-color:#ECECEC; background-image:0; border:1px solid #D4D4D4; border-radius:.3em .3em .3em .3em; color:#333333; cursor:pointer; display:inline-block; font:11px sans-serif; margin:0; outline:medium none; overflow:visible; padding:.5em 1em; position:relative; text-decoration:none; text-shadow:1px 1px 0 #FFFFFF; white-space:nowrap; font:400 13px Lato,Helvetica,Arial,Sans-serif; }
.howtooperate ul li a:hover { background-color:#3072B3; background-image:0; border-color:#3072B3 #3072B3 #2A65A0; color:#FFFFFF; text-decoration:none; text-shadow:-1px -1px 0 rgba(0,0,0,0.3); }
.howtooperate ul li a.on { background-color:#3072B3; background-image:0; border-color:#3072B3 #3072B3 #2A65A0; color:#FFFFFF; text-decoration:none; text-shadow:-1px -1px 0 rgba(0,0,0,0.3); }
.howtooperate .tabs_content { background:url(../modules/htmlcontent/howtooperate/images/box_frame.jpg) no-repeat scroll 0 0 transparent; height:483px; width:633px; display:none; font:13px Lato, Helvetica, Arial, Sans-serif; padding:0 0 15px; color:#353535; line-height:22px; position: relative;}
.howtooperate .tabs_content.currentTab { display:block; }
.howtooperate .text_holder { height:425px; left:180px; overflow:auto; padding:0 20px 0 0; position:relative; top:25px; width:405px; }
.howtooperate .figure { background:url(../modules/htmlcontent/howtooperate/images/figures_female.png) no-repeat scroll 0 0 transparent; height:380px; position:absolute; left:10px; top:45px; width:195px; z-index:10; }

#pecrcookie {width: 100%; position: fixed; z-index: 10000; background:#222222;text-align:center;border-bottom:1px solid #CCC; top: 0;left: 0;}
#pecrcookie div {width: 1000px;padding:5px 10px 0 10px;;text-align:left; margin-left: auto;margin-right: auto; font-size: 11px;}
#pecrcookie div p {margin-bottom: 5px;color:#cacaca;padding-bottom: 0;font-size: 12px;}
#pecrcookie div a:hover {color: white;}
#pecrcookie div em {font-weight: bold; color: #fff; font-size: 12px;}
#pecrcookie div strong {font-weight: bold; color: #fff;font-size: 12px;}
#pecrcookie div p.cookieattention {text-align: center;}
table.pecrtable {font-size:11px;color:#333333;border-width: 1px;border-color: #666666;border-collapse: collapse;}
table.pecrtable th {border-width: 1px;padding: 5px;border-style: solid;border-color: #666666;background-color: #dedede;}
table.pecrtable td {border-width: 1px;padding: 5px;border-style: solid;border-color: #666666;background-color: #ffffff;}


/*
 * print styles
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; }
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

@media all and (orientation:portrait) {
}

@media all and (orientation:landscape) {
}

/* Grade-A Mobile Browsers */
@media screen and (max-device-width: 480px) {
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
}