/* CSS Document */
/* ##Variables for Font Icons
*/
/*$menuInActiveShadow: inset 1px 1px 1px 1px $menuFirstStop, 0px 1px 0px 0px #fff;*/
/*#Variables for SASS
##ICON VARIABLES

*/
/*
##Form Input

fields variables for size in rem
Variables are called inside a class element to define default form field with
<br>
Form field is constructed out of a <strong>.formTextInput </strong> class and the width element
<p>
<br>$xSmallInput:5;
<br>$smallInput:12;
<br>$mediumInput:25;
<br>$largeInput:31.5;
<br>$xLargeInput:44.4;

<p>
.mediumInput{
<br>	width:	$mediumInput +rem;
<br>}
<p>


	<input type="text" class="formInputText mediumInput"/>


*/
/*
##VARIABLES


	TODO We need to organise these variables later
 */
/*

#COLOURS

##Core colour scheme variables

###Color mapping

You should always use mapped variable names like **$borderColorDarker**. Never use colour vars directly from the following table. 

There are 4 groups which you can choose from:

* Border colour   
* Header colour
* Text colour 
* Background colour

If you need to set a colour first check and see whaich group is this new colour belongs to. In cases that you can not fond proper group, just use the one that is close to the defined groups here. 
Then after chooseing the group, use the tint of colour from the available list of defined variables for that group, and use Sass lighten( $theVariableNameForColour, %23), or darken($blahblah, 85%) to generate your colour.


|                                                                                                                                                          |             |
| --------------------------------------------------------------------------------------------------------------------------------------------------------:| -----------:|
| <div style=" width: 250px; text-align: left; background-color: #2c2b29; color: #fff; font-weight:bold; padding: 20px;">Charcoal         ($alphaC0)</div> |             |




|                                                                                                                                                   |             |
| -------------------------------------------------------------------------------------------------------------------------------------------------:| -----------:|
| <div style=" width: 250px; text-align: left; background-color: #2c2b29; color: #fff; font-weight:bold; padding: 20px;">Black     ($betaC0)</div> |             |
| <div style=" width: 250px; text-align: left; background-color: #454545; color: #fff; font-weight:bold; padding: 20px;">27%       ($betaC1)</div> |             |
| <div style=" width: 250px; text-align: left; background-color: #545454; color: #fff; font-weight:bold; padding: 20px;">43%       ($betaC2)</div> |             |
| <div style=" width: 250px; text-align: left; background-color: #707070; color: #fff; font-weight:bold; padding: 20px;">54%       ($betaC3)</div> |             |
| <div style=" width: 250px; text-align: left; background-color: #949494; color: #fff; font-weight:bold; padding: 20px;">58%       ($betaC4)</div> |             |
| <div style=" width: 250px; text-align: left; background-color: #bababa; color: #fff; font-weight:bold; padding: 20px;">73%       ($betaC5)</div> |             |
| <div style=" width: 250px; text-align: left; background-color: #c7c7c7; color: #000; font-weight:bold; padding: 20px;">78%       ($betaC6)</div> |             |
| <div style=" width: 250px; text-align: left; background-color: #e5e5e5; color: #000; font-weight:bold; padding: 20px;">90%       ($betaC7)</div> |             |
| <div style=" width: 250px; text-align: left; background-color: #f5f5f5; color: #000; font-weight:bold; padding: 20px;">96%        ($betaC8)</div> |             |
      

|                                                                                                                                                   |             |
| -------------------------------------------------------------------------------------------------------------------------------------------------:| -----------:|
| <div style=" width: 250px; text-align: left; background-color: #0095c8; color: #fff; font-weight:bold; padding: 20px;">BT Blue  ($gammaC0)</div>  |             |
| <div style=" width: 250px; text-align: left; background-color: #189fce; color: #fff; font-weight:bold; padding: 20px;">10%       ($gammaC1)</div> |             |


|                                                                                                                                                   |             |
| -------------------------------------------------------------------------------------------------------------------------------------------------:| -----------:|
| <div style=" width: 250px; text-align: left; background-color: #93c6d9; color: #fff; font-weight:bold; padding: 20px;">Sky      ($deltaC0)</div>  |             |
| <div style=" width: 250px; text-align: left; background-color: #d1ecf5; color: #fff; font-weight:bold; padding: 20px;">82%       ($deltaC1)</div> |             |


|                                                                                                                                                     |             |
| ---------------------------------------------------------------------------------------------------------------------------------------------------:| -----------:|
| <div style=" width: 250px; text-align: left; background-color: #694e5f; color: #fff; font-weight:bold; padding: 20px;">Plum      ($epsilonC0)</div> |             |
| <div style=" width: 250px; text-align: left; background-color: #ccc3c8; color: #000; font-weight:bold; padding: 20px;">64%       ($epsilonC1)</div> |             |
| <div style=" width: 250px; text-align: left; background-color: #e1dce0; color: #000; font-weight:bold; padding: 20px;">80%       ($epsilonC2)</div> |             |
| <div style=" width: 250px; text-align: left; background-color: #efedf0; color: #000; font-weight:bold; padding: 20px;">90%       ($epsilonC3)</div> |             |


|                                                                                                                                                         |             |
| -------------------------------------------------------------------------------------------------------------------------------------------------------:| -----------:|
| <div style=" width: 250px; text-align: left; background-color: #ae93a4; color: #fff; font-weight:bold; padding: 20px;">Lavendar      ($digammaC0)</div> |             |
| <div style=" width: 250px; text-align: left; background-color: #f9f7fa; color: #000; font-weight:bold; padding: 20px;">93%            ($digammaC1)</div> |             |


|                                                                                                                                                      |             |
| ----------------------------------------------------------------------------------------------------------------------------------------------------:| -----------:|
| <div style=" width: 250px; text-align: left; background-color: #6ba33e; color: #fff; font-weight:bold; padding: 20px;">Green         ($zetaC0)</div> |             |
| <div style=" width: 250px; text-align: left; background-color: #b5d19e; color: #000; font-weight:bold; padding: 20px;">50%            ($zetaC1)</div> |             |
| <div style=" width: 250px; text-align: left; background-color: #f6f9f2; color: #000; font-weight:bold; padding: 20px;">93%            ($zetaC2)</div> |             |


|                                                                                                                                                      |             |
| ----------------------------------------------------------------------------------------------------------------------------------------------------:| -----------:|
| <div style=" width: 250px; text-align: left; background-color: #e87301; color: #fff; font-weight:bold; padding: 20px;">Amber          ($etaC0)</div> |             |


|                                                                                                                                                      |             |
| ----------------------------------------------------------------------------------------------------------------------------------------------------:| -----------:|
| <div style=" width: 250px; text-align: left; background-color: #e62715; color: #fff; font-weight:bold; padding: 20px;">Red          ($thetaC0)</div> |             |




| Variable      | Colour code   | Colour                                               |
| ------------- |:-------------:| ----------------------------------------------------:|
| $alpha        | #2c2a29       | <div style="background-color: #2c2a29;">&nbsp;</div> | 
| $beta         | #000000       | <div style="background-color: #000000;">&nbsp;</div> | 
| $gamma        | #0095c8       | <div style="background-color: #0095c8;">&nbsp;</div> | 
| $delta        | #93c6d9       | <div style="background-color: #93c6d9;">&nbsp;</div> | 
| $epsilon      | #694e5f       | <div style="background-color: #694e5f;">&nbsp;</div> | 
| $digamma      | #ae93a4       | <div style="background-color: #ae93a4;">&nbsp;</div> | 
| $zeta         | #6ba33e       | <div style="background-color: #6ba33e;">&nbsp;</div> | 
| $eta          | #e87301       | <div style="background-color: #e87301;">&nbsp;</div> | 
| $theta        | #e62715       | <div style="background-color: #e62715;">&nbsp;</div> | 
| $bistose      | #2c2a29       | <div style="background-color: #2c2a29;">&nbsp;</div> | 
| $bistochar    | #444444       | <div style="background-color: #444444;">&nbsp;</div> | 
| $bistopanj    | #717171       | <div style="background-color: #717171;">&nbsp;</div> | 
| $bistoshesh   | #dc2a29       | <div style="background-color: #dc2a29;">&nbsp;</div> | 
| $bistohaft    | #e7731f       | <div style="background-color: #e7731f;">&nbsp;</div> | 
| $bistohasht   | #586c76       | <div style="background-color: #586c76;">&nbsp;</div> | 
| $bistonoh     | #959595       | <div style="background-color: #959595;">&nbsp;</div> | 
| $sie          | #747474       | <div style="background-color: #747474;">&nbsp;</div> | 
| $sieoyek      | #5d5d5d       | <div style="background-color: #5d5d5d;">&nbsp;</div> | 
| $iota         | #1b7fa4       | <div style="background-color: #1b7fa4;">&nbsp;</div> | 
| $kappa        | #565655       | <div style="background-color: #565655;">&nbsp;</div> |  
| $lambda       | #b8584a       | <div style="background-color: #b8584a;">&nbsp;</div> |  
| $mu           | #1796c6       | <div style="background-color: #1796c6;">&nbsp;</div> | 
| $nu           | #996a51       | <div style="background-color: #996a51;">&nbsp;</div> | 
| $xi           | #737a4e       | <div style="background-color: #737a4e;">&nbsp;</div> | 
| $omicron      | #4a7a7b       | <div style="background-color: #4a7a7b;">&nbsp;</div> |  
| $pi           | #85657a       | <div style="background-color: #85657a;">&nbsp;</div> |  
| $koppa        | #d6d2c5       | <div style="background-color: #d6d2c5;">&nbsp;</div> | 
| $sigma        | #59707c       | <div style="background-color: #59707c;">&nbsp;</div> | 
| $tau          | #f0bd53       | <div style="background-color: #f0bd53;">&nbsp;</div> | 
| $omega        | #e36b58       | <div style="background-color: #e36b58;">&nbsp;</div> |  
| $sampi        | #6da440       | <div style="background-color: #6da440;">&nbsp;</div> | 
| $psi          | #2c2a29       | <div style="background-color: #2c2a29;">&nbsp;</div> | 
| $shi          | #ffffff       | <div style="background-color: #ffffff;">&nbsp;</div> | 
| $phi          | #107ea6       | <div style="background-color: #107ea6;">&nbsp;</div> |   
| $upsilon      | #f0f0f0       | <div style="background-color: #f0f0f0;">&nbsp;</div> |  
| $rho          | #0778af       | <div style="background-color: #0778af;">&nbsp;</div> | 
| $yek          | #d6d6d6       | <div style="background-color: #d6d6d6;">&nbsp;</div> |  
| $dou          | #f5f6f7       | <div style="background-color: #f5f6f7;">&nbsp;</div> |  
| $seh          | #e4e4e4       | <div style="background-color: #e4e4e4;">&nbsp;</div> | 
| $char         | #ffffcb       | <div style="background-color: #ffffcb;">&nbsp;</div> | 
| $panj         | #417693       | <div style="background-color: #417693;">&nbsp;</div> | 
| $shish        | #b7d8e4       | <div style="background-color: #b7d8e4;">&nbsp;</div> | 
| $haft         | #f8f8f8       | <div style="background-color: #f8f8f8;">&nbsp;</div> |          
| $hasht        | #0095c8       | <div style="background-color: #0095c8;">&nbsp;</div> | 
| $noh          | #f2fafc       | <div style="background-color: #f2fafc;">&nbsp;</div> | 
| $dah          | #f6f7f7       | <div style="background-color: #f6f7f7;">&nbsp;</div> | 
| $yazdah       | #e5f4f9       | <div style="background-color: #e5f4f9;">&nbsp;</div> |  
| $davazdah     | #6ba539       | <div style="background-color: #6ba539;">&nbsp;</div> |  
| $sizdah       | #e97300       | <div style="background-color: #e97300;">&nbsp;</div> |  
| $chardah      | #e56a54       | <div style="background-color: #e56a54;">&nbsp;</div> | 
| $panzdah      | #fcf0ee       | <div style="background-color: #fcf0ee;">&nbsp;</div> |  
| $shanzdah     | #d3081c       | <div style="background-color: #d3081c;">&nbsp;</div> |  
| $hefdah       | #fef8ec       | <div style="background-color: #fef8ec;">&nbsp;</div> | 
| $hejdah       | #faacac       | <div style="background-color: #faacac;">&nbsp;</div> | 
| $noozdah      | #cfcfcf       | <div style="background-color: #cfcfcf;">&nbsp;</div> | 
| $elibrium     | #eaeaea       | <div style="background-color: #eaeaea;">&nbsp;</div>



## Colour reference 

| Variable      | Colour code   | Colour                                               |
| ------------- |:-------------:| ----------------------------------------------------:|
| $beta         | #000000       | <div style="background-color: #000000;">&nbsp;</div> | 
| $beta73       | #454545       | <div style="background-color: #454545;">&nbsp;</div> | 
| $beta67       | #545454       | <div style="background-color: #545454;">&nbsp;</div> | 
| $beta56       | #707070       | <div style="background-color: #707070;">&nbsp;</div> | 
| $beta44       | #949494       | <div style="background-color: #949494;">&nbsp;</div> | 
| $beta27       | #bababa       | <div style="background-color: #bababa;">&nbsp;</div> | 
| $beta22       | #c7c7c7       | <div style="background-color: #c7c7c7;">&nbsp;</div> | 
| $beta10       | #e5e5e5       | <div style="background-color: #e5e5e5;">&nbsp;</div> | 
| $beta4        | #f5f5f5       | <div style="background-color: #f5f5f5;">&nbsp;</div> | 
| $gamma        | #0095c8       | <div style="background-color: #0095c8;">&nbsp;</div> | 
| $gamma90      | #199fcd       | <div style="background-color: #199fcd;">&nbsp;</div> | 
| $gamma7       | #edf8fc       | <div style="background-color: #edf8fc;">&nbsp;</div> | 
| $delta        | #93c6d9       | <div style="background-color: #93c6d9;">&nbsp;</div> |
| $delta18      | #d1ecf5       | <div style="background-color: #d1ecf5;">&nbsp;</div> |
| $epsilon      | #694e5f       | <div style="background-color: #694e5f;">&nbsp;</div> |
| $epsilon34    | #ccc3c8       | <div style="background-color: #ccc3c8;">&nbsp;</div> |
| $epsilon20    | #e1dcdf       | <div style="background-color: #e1dcdf;">&nbsp;</div> |
| $epsilon10    | #f0edef       | <div style="background-color: #f0edef;">&nbsp;</div> |
| $digamma      | #ad93a4       | <div style="background-color: #ad93a4;">&nbsp;</div> |
| $digamma7     | #f9f7f9       | <div style="background-color: #f9f7f9;">&nbsp;</div> |
| $zeta         | #6ba33e       | <div style="background-color: #6ba33e;">&nbsp;</div> |
| $zeta50       | #b5d19e       | <div style="background-color: #b5d19e;">&nbsp;</div> |
| $zeta7        | #f5f9f1       | <div style="background-color: #f5f9f1;">&nbsp;</div> |
| $eta          | #e97300       | <div style="background-color: #e97300;">&nbsp;</div> |
| $theta        | #e62615       | <div style="background-color: #e62615;">&nbsp;</div> |
*/
/* line 222, ../sass/core/_colours.scss */
.colorEta {
  color: #e97300; }

/* line 225, ../sass/core/_colours.scss */
.colorZeta {
  color: #6ba33e; }

/*

##Boder colours

| Variable                      | Mapped colour  | Colour                                               |
| ------------------------------|:--------------:| ----------------------------------------------------:|
| $borderColorAlpha             | $alpha         | <div style="border: 2px solid #2c2b29;">&nbsp;</div> | 
| $borderColorBeta              | $beta;         | <div style="border: 2px solid #000000;">&nbsp;</div> | 
| $borderColorGamma             | $gamma         | <div style="border: 2px solid #0095c8;">&nbsp;</div> | 
| $borderColorDelta             | $delta         | <div style="border: 2px solid #93c6d9;">&nbsp;</div> | 
| $borderColorEpsilon           | $epsilon       | <div style="border: 2px solid #694e5f;">&nbsp;</div> | 
| $borderColorDigamma           | $digamma       | <div style="border: 2px solid #ae93a4;">&nbsp;</div> | 
| $borderColorZeta              | $zeta          | <div style="border: 2px solid #6ba33e;">&nbsp;</div> | 
| $borderColorEta               | $eta           | <div style="border: 2px solid #e87301;">&nbsp;</div> | 
| $borderColorTheta             | $theta;        | <div style="border: 2px solid #e62715;">&nbsp;</div> | 
| $borderColorDarker           | $bistose;        | <div style="border: 2px solid #2c2a29;">&nbsp;</div> | 
| $borderColorDark             | $bistochar;         | <div style="border: 2px solid #444444;">&nbsp;</div> | 
| $borderColor                 | $sieoyek;        | <div style="border: 2px solid #5d5d5d;">&nbsp;</div> | 
| $borderColorLight            | $kappa;        | <div style="border: 2px solid #565655;">&nbsp;</div> | 
| $borderColorLighter          | $sie;          | <div style="border: 2px solid #747474;">&nbsp;</div> | 
| $borderColorLighterLight     | $bistonoh;         | <div style="border: 2px solid #959595;">&nbsp;</div> | 
| $borderColorMiddleLighter	   | $bromide;		| <div style="border: 2px solid #c8c8c8;">&nbsp;</div>
| $borderColorExtraLight       | $elibrium;     | <div style="border: 2px solid #eaeaea;">&nbsp;</div> | 


*/
/*

##Header headerTextText colours

| Variable                     | Mapped colour | Colour                                                         |
| -------------                |:-------------:| --------------------------------------------------------------:|
| $headerTextColorAlpha        | $alpha         | <div style="font-weight: bold; color: #2c2b29;">Lorem ipsum dolor sit amet</div> | 
| $headerTextColorBeta         | $beta;         | <div style="font-weight: bold; color: #000000;">Lorem ipsum dolor sit amet</div> | 
| $headerTextColorGamma        | $gamma         | <div style="font-weight: bold; color: #0095c8;">Lorem ipsum dolor sit amet</div> | 
| $headerTextColorDelta        | $delta         | <div style="font-weight: bold; color: #93c6d9;">Lorem ipsum dolor sit amet</div> | 
| $headerTextColorEpsilon      | $epsilon       | <div style="font-weight: bold; color: #694e5f;">Lorem ipsum dolor sit amet</div> | 
| $headerTextColorDigamma      | $digamma       | <div style="font-weight: bold; color: #ae93a4;">Lorem ipsum dolor sit amet</div> | 
| $headerTextColorZeta         | $zeta          | <div style="font-weight: bold; color: #6ba33e;">Lorem ipsum dolor sit amet</div> | 
| $headerTextColorEta          | $eta           | <div style="font-weight: bold; color: #e87301;">Lorem ipsum dolor sit amet</div> | 
| $headerTextColorTheta        | $theta;        | <div style="font-weight: bold; color: #e62715;">Lorem ipsum dolor sit amet</div> | 
| $headerTextColorDarker       | $bistose;      | <div style="font-weight: bold; color: #2c2a29;">Lorem ipsum dolor sit amet</div> | 
| $headerTextColorDark         | $bistochar;    | <div style="font-weight: bold; color: #444444;">Lorem ipsum dolor sit amet</div> | 
| $headerTextColor             | $sieoyek;      | <div style="font-weight: bold; color: #5d5d5d;">Lorem ipsum dolor sit amet</div> | 
| $headerTextColorLight        | $kappa;        | <div style="font-weight: bold; color: #565655;">Lorem ipsum dolor sit amet</div> | 
| $headerTextColorLighter      | $sie;          | <div style="font-weight: bold; color: #747474;">Lorem ipsum dolor sit amet</div> | 
| $headerTextColorLighterLight | $bistonoh;     | <div style="font-weight: bold; color: #959595;">Lorem ipsum dolor sit amet</div> | 

*/
/*

##Text colours

| Variable                     | Mapped colour | Colour                                                         |
| -------------                |:-------------:| --------------------------------------------------------------:|
| $textColorAlpha              | $alpha         | <div style="color: #2c2b29;">Lorem ipsum dolor sit amet</div> | 
| $textColorBeta               | $beta;         | <div style="color: #000000;">Lorem ipsum dolor sit amet</div> | 
| $textColorGamma              | $gamma         | <div style="color: #0095c8;">Lorem ipsum dolor sit amet</div> | 
| $textColorDelta              | $delta         | <div style="color: #93c6d9;">Lorem ipsum dolor sit amet</div> | 
| $textColorEpsilon            | $epsilon       | <div style="color: #694e5f;">Lorem ipsum dolor sit amet</div> | 
| $textColorDigamma            | $digamma       | <div style="color: #ae93a4;">Lorem ipsum dolor sit amet</div> | 
| $textColorZeta               | $zeta          | <div style="color: #6ba33e;">Lorem ipsum dolor sit amet</div> | 
| $textColorEta                | $eta           | <div style="color: #e87301;">Lorem ipsum dolor sit amet</div> | 
| $textColorTheta              | $theta;        | <div style="color: #e62715;">Lorem ipsum dolor sit amet</div> | 
| $textColorDarker             | $bistose;      | <div style="color: #2c2a29;">Lorem ipsum dolor sit amet</div> | 
| $textColorDark               | $bistochar;    | <div style="color: #444444;">Lorem ipsum dolor sit amet</div> | 
| $textColor                   | $sieoyek;      | <div style="color: #5d5d5d;">Lorem ipsum dolor sit amet</div> | 
| $textColorLight              | $kappa;        | <div style="color: #565655;">Lorem ipsum dolor sit amet</div> | 
| $textColorLighter            | $sie;          | <div style="color: #747474;">Lorem ipsum dolor sit amet</div> | 
| $textColorLighterLight       | $bistonoh;     | <div style="color: #959595;">Lorem ipsum dolor sit amet</div> | 

*/
/*

##Background colours

| Variable                     | Mapped colour | Colour                                                |
| -------------                |:-------------:| -----------------------------------------------------:|
| $backgroundColorAlpha        | $alpha         | <div style="background-color: #2c2b29;">&nbsp;</div> | 
| $backgroundColorBeta         | $beta;         | <div style="background-color: #000000;">&nbsp;</div> | 
| $backgroundColorGamma        | $gamma         | <div style="background-color: #0095c8;">&nbsp;</div> | 
| $backgroundColorDelta        | $delta         | <div style="background-color: #93c6d9;">&nbsp;</div> | 
| $backgroundColorEpsilon      | $epsilon       | <div style="background-color: #694e5f;">&nbsp;</div> | 
| $backgroundColorDigamma      | $digamma       | <div style="background-color: #ae93a4;">&nbsp;</div> | 
| $backgroundColorZeta         | $zeta          | <div style="background-color: #6ba33e;">&nbsp;</div> | 
| $backgroundColorEta          | $eta           | <div style="background-color: #e87301;">&nbsp;</div> | 
| $backgroundColorTheta        | $theta;        | <div style="background-color: #e62715;">&nbsp;</div> | 
| $backgroundColorDarker       | $bistose;      | <div style="background-color: #2c2a29;">&nbsp;</div> | 
| $backgroundColorDark         | $bistochar;    | <div style="background-color: #444444;">&nbsp;</div> | 
| $backgroundColor             | $sieoyek;      | <div style="background-color: #5d5d5d;">&nbsp;</div> | 
| $backgroundColorLight        | $kappa;        | <div style="background-color: #565655;">&nbsp;</div> | 
| $backgroundColorLighter      | $sie;          | <div style="background-color: #747474;">&nbsp;</div> | 
| $backgroundColorLighterLight | $bistonoh;     | <div style="background-color: #959595;">&nbsp;</div> | 
| $backgroundColorAlpha        | $bist;         | <div style="background-color: #f4f4f4;">&nbsp;</div> | 
| $backgroundColorBeta         | $bistoyek;     | <div style="background-color: #f9f7f8;">&nbsp;</div> |
| $backgroundColorOmega        | $bistodo;      | <div style="background-color: #cec4ca;">&nbsp;</div> |
| $backgroundColorBright 	   | $suz;    	    | <div style="background-color: #fafafa;">&nbsp;</div> | 
| $backgroundColorExtraBright  | $shi;          | <div style="background-color: #ffffff;">&nbsp;</div> | 

*/
/*

##Action colours

| Variable                     | Mapped colour | Colour                                                         |
| -------------                |:-------------:| --------------------------------------------------------------:|
| $actionColor:                | $phi          | <div style="color: #107ea6; ">Lorem ipsum dolor sit amet</div> | 


*/
/*

###Primary Color defines the overal color used for icons for example 
	<p class="primaryIconColor"> Element with primary color applied</p>
	
###Positive Color defines the overal color used for icons for example 
	<p class="positive"> Element with positive color applied</p>
	
###Alert Color defines the overal color used for icons for example 
	<p class="alert"> Element with alert color applied</p>
	
###Warning Color defines the overal color used for icons for example 
	<p class="warning"> Element with warning color applied</p>


*/
/* line 582, ../sass/core/_colours.scss */
.primaryIconColor {
  color: #107ea6; }

/* line 592, ../sass/core/_colours.scss */
.positive,
.scheduledTD,
.successfulTD,
.clearedTD {
  color: #6ba33e; }

/* line 603, ../sass/core/_colours.scss */
.alert,
.retryingTD {
  color: #e97300; }

/* line 609, ../sass/core/_colours.scss */
.warning,
.failedTD {
  color: #e62615; }

/* line 615, ../sass/core/_colours.scss */
.neutral {
  color: #454545; }

/* line 621, ../sass/core/_colours.scss */
.info {
  color: #e97300; }
  /* line 623, ../sass/core/_colours.scss */
  .info em {
    color: #fff; }

/* 
##Status elements 
   
    Status icons generated in html5
	
	code example:
	
	<statusno title="Status: Not registered"></statusno>
	
	
*/
/* line 644, ../sass/core/_colours.scss */
statusno {
  background: #e62615; }

/* line 647, ../sass/core/_colours.scss */
statuscomplete {
  background: #6ba539; }

/* line 651, ../sass/core/_colours.scss */
statusincomplete {
  background: #e97300; }

/* ## Body Color 

*/
/*









/*
##Linear gradient Mixins
 
use this mixin for lienar gradient creation
<br>
.gradient{
<br>	@include linearGradient($topColor, $bottomColor, $baseColor);
<br>	
}
<p>
<br>$topColor: is the color value from the top can be a variables or a #  value
<br>$bottomColor: is the color value at the bottom can be a variables or a #  value<br>
<br>$baseColor: is the backup color for browsers which dont understand CSS3 gradients can be a variables or a #  value<br>

*/
/*
#Font Family
-----------------------------------------------------*/
/*
#Alerts & Messages
-----------------------------------------------------*/
/*
##Opactity Mxin

Class is required to hide teh datepicker on load
	
	#ui-datepicker-div { 
		display:none 
	}

*/
/*
## Ellipsis

*/
/*
##Date Picker

Class is required to hide teh datepicker on load
	
	#ui-datepicker-div { 
		display:none 
	}

*/
/* line 105, ../sass/core/_global.scss */
#ui-datepicker-div {
  display: none; }

/*##Clear elements

Elements to clear floats
to be used like this
	
	<div class="clearFix">This text is cleared</div>

*/
/* line 119, ../sass/core/_global.scss */
.clear {
  clear: both;
  visibility: hidden;
  height: 0px;
  display: block; }

/* line 125, ../sass/core/_global.scss */
.clearFix:after {
  clear: both;
  content: ".";
  visibility: hidden;
  width: 100%;
  display: block;
  height: 0;
  line-height: 0; }

/* line 135, ../sass/core/_global.scss */
.clearFix {
  zoom: 1; }

/* line 139, ../sass/core/_global.scss */
.clearBoth, .contentBlock {
  clear: both; }

/* ##Mixins 



*/
/* ###Font size mixin 

<code>
@mixin fontSize($sizeValue){
  	font-size: ($sizeValue * 10) + px;
  	font-size: $sizeValue + rem;
}
</code>
<p>
<strong>Implementation for the mixin:</strong>

<p>
<code>
.someFontSize{
	@include fontSize(2);
}
</code>
<p>

Value can be a numeric value or a variable

*/
/* ###Hides text mixin 
<code>
@mixin hideText{
    overflow:hidden;
    text-indent:-9000px;
}
</code>
<p>

<strong>Implementation for the mixin:</strong>

<p>
<code>
.hideThisText{
	@include hideText;
}
</code>
<p>

Can be used if an image is the main visual presentation and text for AA compliance is added.

*/
/* ###Box Sizing Mixin



*/
/* ###Mixin for Positining
Position Mixin is a a function to create a position class for a element on a page
<p>
apply the mixin as like this to a class element which needs to be positioned
<p>
<code>
.positionMe{
@include position(absolute, 0 0 10px 50px);	
}</code>
<p>
<strong>absolute</strong> - defines the position type
<br><strong>0 0 0 0</strong> - defines the position cooridnates (TOP,RIGHT,BOTTOM,LEFT)
<br>px or rem needs to be added for this to execude


*/
/* ###Mixin for Margins and Paddings
setSpace Mixin is a a function to create a margin or padding class for a element on a page
<p>
apply the mixin as like this to a class element which needs to be positioned
<p>
<code>
.setSpace{
@include setSpace(margin, 0 0 10px 50px);
}</code>
<p>
<strong>margin</strong> - defines the space type alternative option is padding
<br><strong>0 0 0 0</strong> - defines the space cooridnates (TOP,RIGHT,BOTTOM,LEFT)
<br>px or rem needs to be added for this to execude


*/
/* ###Mixin for Margins and Paddings
setSpace Mixin is a a function to create a margin or padding class for a element on a page
<p>
apply the mixin as like this to a class element which needs to be positioned
<p>
<code>
.setSpace{
@include setSpace(margin, 0 0 10px 50px);
}</code>
<p>
<strong>margin</strong> - defines the space type alternative option is padding
<br><strong>0 0 0 0</strong> - defines the space cooridnates (TOP,RIGHT,BOTTOM,LEFT)
<br>px or rem needs to be added for this to execude


*/
/* Mixin for Form Fields */
/* ##Borders and Shadows global 

Border and shadow styles using mixins.
*/
/* ###Border radius
Border radius defines if there are round corners <br>

.roundBorderRadius{
<br>
	@include roundBorderRadius(100);<br>
}
<br>

####Example of Code to create a round circle

	<div class="roundBorderRadius allBorder block textCenter" style="width:40px; height:40px; line-height:40px;">Test</div>
	
<br>Style classes is added for example only!

*/
/* line 566, ../sass/core/_global.scss */
.borderRadius, .selectSlideOptions ul {
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  border-radius: 0.4rem; }

/* line 569, ../sass/core/_global.scss */
.roundBorderRadius {
  -webkit-border-radius: 100rem;
  -moz-border-radius: 100rem;
  border-radius: 100rem; }

/* line 572, ../sass/core/_global.scss */
.shadow {
  -moz-box-shadow: 0px 2px 3px #bababa;
  -webkit-box-shadow: 0px 2px 3px #bababa;
  box-shadow: 0px 2px 3px #bababa; }

/* line 576, ../sass/core/_global.scss */
.shadowMod1 {
  -moz-box-shadow: 0px 2px 3px #e6e6e6;
  -webkit-box-shadow: 0px 2px 3px #e6e6e6;
  box-shadow: 0px 2px 3px #e6e6e6; }

/* ##Styles


*/
/* ### Float Styles

floatRight and floatLeft classes mostly to be used as sielent or non sielent extent<br>

floatLeft
<br>
floatRight
<br>
floatNone
<br>



.floatLeft {<br>
	@extend %floatLeft;
<br>
}

%floatLeft{<br>
	float:left;
<br>
}
<br>


####Example
.someClass{
<br>
	@extend %floatLeft;	
<br>
}


*/
/* line 625, ../sass/core/_global.scss */
.floatLeft, .contentOutputLabel, .contentOutput,
.arrowBox,
.endRepeat,
.smsCodeWrap,
.smsCodeWrap .smsCodeWrapContainer,
.smsCodeWrap .smsCodeWrapContainer .formTextInputWrap,
.smsCodeWrap .smsCodeWrapContainer .smsCodeItemActionWrap,
span.listContentWrap,
.messageAlertsItem,
.headerTextItem.headerTextItemMod7,
.navWrap a:first-child,
.slidesPos .iconSetBorder.iconSetBorderHeavy,
.slidesPos a.bullet,
.innerListContainer .innerList li .innerListItemContent span:first-child {
  float: left; }

/* line 629, ../sass/core/_global.scss */
.floatRight,
.numeric,
.navWrap a:last-child {
  float: right!important; }

/* ### Text Alignment Mixin

Example of use:

	.someClass{
		@include textAlign(center);
	}

*/
/* ### Text Decoration Mixin

Example of use:

	.someClass{
		@include textDeco(underline);
	}

*/
/* ### Text Transform Mixin

Example of use:

	.someClass{
		@include textTrans(uppercase);
	}

*/
/* line 689, ../sass/core/_global.scss */
.verticalMiddle {
  vertical-align: middle; }

/* ##Cursor & noCursor

Creates a cursor class in sielent mode and a class is for direct applying a class to a dive<br>

	<div class="cursor"> Text here will have a cursor when rolled over</div>

	<a class="noCursor" href="#">Cursor will be default</a>

*/
/* line 705, ../sass/core/_global.scss */
.cursor, .hover, .resultItemHover, h5.name, .ui-autocomplete li a, .selectSlideOptions ul {
  cursor: pointer; }

/* line 708, ../sass/core/_global.scss */
.noCursor, .noCursor:hover {
  cursor: default !important; }

/* line 716, ../sass/core/_global.scss */
.noCursor {
  pointer-events: none; }
  /* line 719, ../sass/core/_global.scss */
  .noCursor:hover {
    pointer-events: none; }

/* line 725, ../sass/core/_global.scss */
.defaultCursor {
  cursor: default !important; }

/* ##Display and hide elements

Creates a curser class in sielent mode and a class is for direct applying a class to a dive<br>

%textIndentOff - ( obsolete will be using mixing to be removed)
<p>
####.hidden

	<div class="hidden floatLeft" style="width:60px;"> Hides this text</div> < --- text element is hidden but still as ablock available


####%block, .block
<p>
Class applied to a HTML element
	
	<div class="block"> This is a block element</div>

<p>

#####Extended %block in silent mode inside a class
Use silent mode for class elements inside the CSS
	
.createBlock{
<br>
	@extend %block;
<br>
}

####%inline, .inline 
<p>
Class applied to a HTML element
	
	<div class="inline"> This class converts a block in to ainline element</div>

<p>

#####Extended %inline in silent mode inside a class
Use silent mode for class elements inside the CSS
<p>	
.createInline{
<br>
	@extend %inline;
<br>


####%inlineBlock, .inlineBlock 
<p>
Class applied to a HTML element
	
	<div class="inlineBlock"> This class converts a block in to inline-block element</div>

<p>

#####Extended %inlineBlock in silent mode inside a class
Use silent mode for class elements inside the CSS
<p>
.createInlineBlock{
<br>
	@extend %inlineBlock;
<br>

*/
/* line 797, ../sass/core/_global.scss */
.ui-loader,
.noDisplay {
  display: none!important; }

/* line 800, ../sass/core/_global.scss */
.noShow {
  display: none; }

/* line 804, ../sass/core/_global.scss */
.hidden {
  visibility: hidden; }

/* line 808, ../sass/core/_global.scss */
.contentOutputCompLabel, .dateScheduleLink, .accontSelectContainer,
.block,
.diverterLine,
.contentBlock,
.contentOutputLabel2,
.resultItem,
.ui-autocomplete .ui-menu-item,
.filterContainer,
.ui-autocomplete .ui-menu-item .autoCompleteNoMatch,
.ui-autocomplete li,
.listContentWrap .title,
.contentOutputLabel,
.contentOutput,
.contentOutput2 {
  display: block; }

/* line 813, ../sass/core/_global.scss */
.inline {
  display: inline; }

/* line 818, ../sass/core/_global.scss */
.endRepeat, .thirdNavWrapper, .thirdNavContainer, h5.name, .accountLabel, .accountData, .ui-datepicker .ui-datepicker-current-day a, .sectionContentItem fieldset .dataInnerList .dataInnerListStyle .iconinformationMod1, .sectionContentItemMod3 .listContentWrap .stringTruncate, .listContentWrap .stringTruncate, .listContentItemTextItemWrap, .navWrap, .navWrap a.navItem, .emWrap,
.inlineBlock,
.contentOutput2,
.contentFullOutput,
.assistInputField,
.ui-autocomplete .ui-menu-item .autoCompleteNoMatch a,
.ui-datepicker ui-datepicker-month .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-title,
.smallWizard,
.dailyLimitValue {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto; }

/*
##Positioning Styles

####%relative, .relative 
<p>
Class applied to a HTML element
	
	<div class="relative"> This element becomes a relative positon</div>

<p>

#####Extended %relative in silent mode inside a class
Use silent mode for class elements inside the CSS
	
.makeMeRelative{
<br>
	@extend %relative;
<br>


*/
/* line 850, ../sass/core/_global.scss */
.permissionsHelpContentWrapper,
.relative,
#slidingSlider,
.headingWrapper .panelTitle {
  position: relative; }

/* line 854, ../sass/core/_global.scss */
.absolute, .payAnyoneSlider, .bpayPayeeSlider, .selectSlideOptions > ul > li:hover:after {
  position: absolute; }

/* line 857, ../sass/core/_global.scss */
.fixed {
  position: fixed; }

/* line 862, ../sass/core/_global.scss */
.setLineHeight {
  line-height: 20px;
  line-height: 2rem; }

/* line 865, ../sass/core/_global.scss */
.resetLineHeight {
  line-height: 15px;
  line-height: 1.5rem; }

/* line 869, ../sass/core/_global.scss */
.diverterLine {
  border-bottom: 1px #999999 solid;
  float: left;
  width: 95%; }

/* line 876, ../sass/core/_global.scss */
.noWrap {
  white-space: nowrap; }

/* line 881, ../sass/core/_global.scss */
a, a:focus, :focus a:hover, a:active, em, p, span, div, th, td {
  outline: 1px; }

/*a:focus{
    .text{
             background-color: #FFD636;
        }
} */
/* line 889, ../sass/core/_global.scss */
input::-moz-focus-inner {
  border: 1px; }

/* line 892, ../sass/core/_global.scss */
.clearBoth, .contentBlock {
  clear: both; }

/* line 896, ../sass/core/_global.scss */
:focus {
  outline: none!important; }

/* line 900, ../sass/core/_global.scss */
a:focus, input:focus, select:focus, textarea:focus, formBlockContainer :focus, ui-datepicker :focus {
  outline: 1px dotted #fed648 !important; }

/* line 904, ../sass/core/_global.scss */
.autoMargin {
  margin: 0 auto; }

/* line 907, ../sass/core/_global.scss */
.resetMargin {
  margin: 0; }

/* line 910, ../sass/core/_global.scss */
.resetFirstMargin {
  margin-left: 0px; }

/* line 913, ../sass/core/_global.scss */
.setFirstGutter {
  margin-left: 20px; }

/* line 916, ../sass/core/_global.scss */
.setLastGutter {
  margin-right: 20px; }

/* line 920, ../sass/core/_global.scss */
.setTopGutter {
  margin-top: 20px; }

/* line 923, ../sass/core/_global.scss */
.setBottomGutter {
  margin-bottom: 20px; }

/* line 927, ../sass/core/_global.scss */
.borderButton {
  border-color: #fff;
  border-style: solid;
  border-width: 1px; }

/*###Border styles



*/
/* line 939, ../sass/core/_global.scss */
.startBorder {
  border-top: 1px #dddddd solid; }

/* line 943, ../sass/core/_global.scss */
.firstBorder {
  border-left: 1px #dddddd solid; }

/* line 947, ../sass/core/_global.scss */
.lastBorder {
  border-right: 1px #dddddd solid; }

/* line 951, ../sass/core/_global.scss */
.endBorder {
  border-bottom: 1px #dddddd solid; }

/* line 955, ../sass/core/_global.scss */
.allBorder {
  border-color: #dddddd;
  border-width: 1px;
  border-style: solid; }

/* line 960, ../sass/core/_global.scss */
.unSelect {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none; }

/* line 966, ../sass/core/_global.scss */
.setOverFlow {
  overflow: hidden; }

/* ##Alignment of Alpha or numeric Values

	<div class="numeric">1234</div>
	
*/
/* line 976, ../sass/core/_global.scss */
.numeric {
  text-align: right; }

/*##Mixin for rotation

*/
/* line 1008, ../sass/core/_global.scss */
body {
  font-size: 14px;
  font-size: 1.4rem; }

/* line 1014, ../sass/core/_global.scss */
.arrowBox.primaryArrow:after, .arrowBox.positiveArrow:after {
  border-width: 22px;
  top: 50%;
  margin-top: -22px; }

/* line 1020, ../sass/core/_global.scss */
.arrowBox.primaryArrow.primaryArrowSingle:after {
  border-width: 16px;
  top: 50%;
  margin-top: -16px; }

/* line 1026, ../sass/core/_global.scss */
.arrowBox {
  line-height: 1.2rem;
  position: relative;
  height: auto;
  width: auto;
  color: white;
  font-size: 11px;
  font-size: 1.1rem;
  text-transform: uppercase;
  padding: 10px 10px 10px 10px;
  padding: 1rem 1rem 1rem 1rem;
  margin: 0px 40px 0px 0px;
  margin: 0rem 4rem 0rem 0rem; }
  /* line 1028, ../sass/core/_global.scss */
  .arrowBox.primaryArrow {
    background-color: #0095c8; }
    /* line 1030, ../sass/core/_global.scss */
    .arrowBox.primaryArrow:after {
      border-color: rgba(0, 149, 200, 0);
      border-left-color: #0095c8; }
  /* line 1041, ../sass/core/_global.scss */
  .arrowBox.positiveArrow {
    background-color: #6ba33e; }
    /* line 1043, ../sass/core/_global.scss */
    .arrowBox.positiveArrow:after {
      border-color: rgba(0, 149, 200, 0);
      border-left-color: #6ba33e; }

/* line 1060, ../sass/core/_global.scss */
.arrowBox:after {
  left: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

/* line 1069, ../sass/core/_global.scss */
.arrowBox:after {
  border-width: 20px;
  top: 50%;
  margin-top: -20px; }

/* line 2, ../sass/plugins/neat/grid/_grid.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* C1 HTML and Body 
------------------------------------------------------------*/
/* line 6, ../sass/core/_styles.scss */
html {
  font-size: 62.5%; }

/* line 10, ../sass/core/_styles.scss */
body {
  color: #454545;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: Arial, sans-serif;
  line-height: 20px;
  line-height: 2rem; }

/* C2 Brand Layout Structure
------------------------------------------------------------*/
/* line 23, ../sass/core/_styles.scss */
#contentWrapper,
.contentWrapper {
  width: 100%; }

/* line 27, ../sass/core/_styles.scss */
#contentWrapperMod1,
.contentWrapperMod1 {
  margin: -30px 0px 0px 0px;
  margin: -3rem 0rem 0rem 0rem; }

/* C3 Branding Blocks 
-----------------------------------------------------------*/
/* C4 Content Blocks 
-----------------------------------------------------------*/
/* line 44, ../sass/core/_styles.scss */
.contentBlock {
  float: left;
  width: 100%;
  /*	@include blockMargin(2.5, 0, 2.5, 2.5);
  */ }

/* line 51, ../sass/core/_styles.scss */
.contentBlockContainer {
  margin: 15px 15px 15px 25px;
  margin: 1.5rem 1.5rem 1.5rem 2.5rem; }

/* line 54, ../sass/core/_styles.scss */
.contentOutputLabel {
  margin: 15px 5px 15px 0px;
  margin: 1.5rem 0.5rem 1.5rem 0rem;
  float: left; }

/* line 62, ../sass/core/_styles.scss */
.contentOutputCompLabel {
  margin: 2px 5px 2px 0px;
  margin: 0.2rem 0.5rem 0.2rem 0rem;
  float: left; }

/* line 69, ../sass/core/_styles.scss */
.contentOutputLabel2 {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 15px 15px 0px 0px;
  margin: 1.5rem 1.5rem 0rem 0rem;
  float: none; }

/* line 75, ../sass/core/_styles.scss */
.contentOutput2 {
  margin: 5px 15px 15px 0px;
  margin: 0.5rem 1.5rem 1.5rem 0rem;
  font-size: 14px;
  font-size: 1.4rem; }

/* line 84, ../sass/core/_styles.scss */
.contentFullOutput {
  margin: 15px 0px 15px 25px;
  margin: 1.5rem 0rem 1.5rem 2.5rem; }

/* line 90, ../sass/core/_styles.scss */
.assistInputField {
  vertical-align: top;
  margin: 0.5rem 1rem; }

/* line 96, ../sass/core/_styles.scss */
.getSMSInput {
  margin: 0px 0px 0px 0px;
  margin: 0rem 0rem 0rem 0rem; }

/* line 103, ../sass/core/_styles.scss */
.endRepeat {
  margin: 0px 15px 0px 0px;
  margin: 0rem 1.5rem 0rem 0rem; }

/* C6 Slider Elements
---------------------------------------*/
/* line 112, ../sass/core/_styles.scss */
#slidingSlider {
  background: url("../images/sliderBG.png") repeat #f9fafb;
  width: 100%;
  border-left: 1px solid #d6d6d6; }

/* line 123, ../sass/core/_styles.scss */
.tableFixedContainer {
  top: 0;
  margin-left: 0;
  position: absolute; }

/* line 128, ../sass/core/_styles.scss */
.tableSlider {
  position: absolute;
  right: 0px;
  background: url("../images/sliderBG.png") repeat #f9fafb;
  min-height: 900px;
  height: auto!important; }

/* line 136, ../sass/core/_styles.scss */
#slider {
  position: absolute;
  top: 0;
  height: 100%; }

/* line 141, ../sass/core/_styles.scss */
#slider .toolContainer {
  margin: 0; }

/* line 145, ../sass/core/_styles.scss */
.sliderContent {
  background: white; }

/* line 149, ../sass/core/_styles.scss */
.sliderContent .toolContainer li {
  margin: 25px 5px 25px 5px;
  margin: 2.5rem 0.5rem 2.5rem 0.5rem; }

/* C7 Transaction elements 
-----------------------------------------------------------*/
/* line 159, ../sass/core/_styles.scss */
.dateScheduleLink {
  margin: 8px 0px 0px 0px;
  margin: 0.8rem 0rem 0rem 0rem; }

/* line 164, ../sass/core/_styles.scss */
.dataMessage {
  margin: 20px 0px 20px 25px;
  margin: 2rem 0rem 2rem 2.5rem;
  float: none; }

/* C9 Page Content
------------------------------------------------------*/
/* line 189, ../sass/core/_styles.scss */
.contentTitle {
  color: #5d5d5d;
  font-size: 20px;
  font-size: 2rem;
  font-family: Arial, sans-serif;
  margin: 0px 0px 0px 5px;
  margin: 0rem 0rem 0rem 0.5rem; }

/* line 196, ../sass/core/_styles.scss */
.helpTitle {
  margin: 0px 0px 5px 0px;
  margin: 0rem 0rem 0.5rem 0rem;
  color: #0095c8; }

/* C11 Third Nav Container 
----------------------------------------------------*/
/* line 204, ../sass/core/_styles.scss */
.thirdNavWrapper, .thirdNavContainer {
  font-size: 14px;
  font-size: 1.4rem; }

/* line 212, ../sass/core/_styles.scss */
.thirdNav, .thirdNavDiv, .textToUpperCase {
  float: left;
  margin: 0.3em; }

/* line 216, ../sass/core/_styles.scss */
.thirdNav a {
  color: #5d5d5d; }
  /* line 218, ../sass/core/_styles.scss */
  .thirdNav a a.activeLink {
    color: #454545; }

/* C12 Misc
-----------------------------------------------------------*/
/* C13 Selects
-------------------------------------------------*/
/* line 235, ../sass/core/_styles.scss */
.resultItem, .ui-autocomplete .ui-menu-item, .filterContainer {
  float: left;
  width: 100%;
  border-color: white;
  border-width: 1px;
  border-style: solid;
  border-top: 1px solid #e6e6e6;
  /*&:hover{
        @extend .hover;

        border-color: $beta22;
        & + li{
        	border-top: 1px solid #fff;
        }
    }*/ }
  /* line 244, ../sass/core/_styles.scss */
  .resultItem:first-child, .ui-autocomplete .ui-menu-item:first-child, .filterContainer:first-child {
    -webkit-border-top-left-radius: 0.4rem;
    -moz-border-radius-topleft: 0.4rem;
    border-top-left-radius: 0.4rem;
    -webkit-border-top-right-radius: 0.4rem;
    -moz-border-radius-topright: 0.4rem;
    border-top-right-radius: 0.4rem; }
  /* line 248, ../sass/core/_styles.scss */
  .resultItem:last-child, .ui-autocomplete .ui-menu-item:last-child, .filterContainer:last-child {
    -webkit-border-bottom-left-radius: 0.4rem;
    -moz-border-radius-bottomleft: 0.4rem;
    border-bottom-left-radius: 0.4rem;
    -webkit-border-bottom-right-radius: 0.4rem;
    -moz-border-radius-bottomright: 0.4rem;
    border-bottom-right-radius: 0.4rem; }

/* line 261, ../sass/core/_styles.scss */
.dk_options .resultItem, .dk_options .ui-autocomplete .ui-menu-item, .ui-autocomplete .dk_options .ui-menu-item, .dk_options .filterContainer {
  padding: 2px 0px 2px 11px;
  padding: 0.2rem 0rem 0.2rem 1.1rem; }

/* line 264, ../sass/core/_styles.scss */
.dk_options .resultItem.hover, .dk_options .resultItem.resultItemHover, .dk_options .ui-autocomplete .resultItemHover.ui-menu-item, .ui-autocomplete .dk_options .resultItemHover.ui-menu-item, .dk_options .resultItemHover.filterContainer, .dk_options .ui-autocomplete .hover.ui-menu-item, .ui-autocomplete .dk_options .hover.ui-menu-item, .dk_options .hover.filterContainer {
  border-color: #bababa;
  border-width: 1px;
  border-style: solid;
  border-top: 1px solid #bababa; }

/* line 268, ../sass/core/_styles.scss */
.dk_options .resultItem.hover + li, .dk_options .resultItem.resultItemHover + li, .dk_options .ui-autocomplete .resultItemHover.ui-menu-item + li, .ui-autocomplete .dk_options .resultItemHover.ui-menu-item + li, .dk_options .resultItemHover.filterContainer + li, .dk_options .ui-autocomplete .hover.ui-menu-item + li, .ui-autocomplete .dk_options .hover.ui-menu-item + li, .dk_options .hover.filterContainer + li {
  border-top: 1px solid #fff !important; }

/* line 272, ../sass/core/_styles.scss */
.resultItemHover {
  border-color: #c7c7c7; }
  /* line 277, ../sass/core/_styles.scss */
  .resultItemHover:first-child {
    -webkit-border-top-left-radius: 0.4rem;
    -moz-border-radius-topleft: 0.4rem;
    border-top-left-radius: 0.4rem;
    -webkit-border-top-right-radius: 0.4rem;
    -moz-border-radius-topright: 0.4rem;
    border-top-right-radius: 0.4rem; }
  /* line 281, ../sass/core/_styles.scss */
  .resultItemHover:last-child {
    -webkit-border-bottom-left-radius: 0.4rem;
    -moz-border-radius-bottomleft: 0.4rem;
    border-bottom-left-radius: 0.4rem;
    -webkit-border-bottom-right-radius: 0.4rem;
    -moz-border-radius-bottomright: 0.4rem;
    border-bottom-right-radius: 0.4rem; }

/* line 287, ../sass/core/_styles.scss */
.ui-autocomplete .ui-menu-item {
  margin: 0px 0px 0px 0px;
  margin: 0rem 0rem 0rem 0rem; }
  /* line 290, ../sass/core/_styles.scss */
  .ui-autocomplete .ui-menu-item a {
    display: block;
    margin: 0px 0px 0px 0px;
    margin: 0rem 0rem 0rem 0rem;
    padding: 10px 10px 10px 10px;
    padding: 1rem 1rem 1rem 1rem;
    border-color: white;
    border-width: 1px;
    border-style: solid; }
    /* line 295, ../sass/core/_styles.scss */
    .ui-autocomplete .ui-menu-item a.ui-state-focus {
      border-color: #c7c7c7;
      border-width: 1px;
      border-style: solid; }
  /* line 299, ../sass/core/_styles.scss */
  .ui-autocomplete .ui-menu-item .autoCompleteNoMatch {
    padding: 10px 10px 10px 10px;
    padding: 1rem 1rem 1rem 1rem; }
    /* line 302, ../sass/core/_styles.scss */
    .ui-autocomplete .ui-menu-item .autoCompleteNoMatch a {
      margin: 0px 0px 0px 0px;
      margin: 0rem 0rem 0rem 0rem;
      font-weight: bold;
      outline: 1px dotted #fed648 !important; }

/* line 310, ../sass/core/_styles.scss */
.filterContainer {
  margin: 0.5em 0 0.8em 0; }
  /* line 313, ../sass/core/_styles.scss */
  .filterContainer:hover {
    background: none; }

/* line 318, ../sass/core/_styles.scss */
h5.name {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 1em; }

/* line 325, ../sass/core/_styles.scss */
.selectDef {
  float: left;
  clear: left;
  padding: 1em; }

/* line 330, ../sass/core/_styles.scss */
.selectDef dt {
  text-align: left;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0; }

/* line 335, ../sass/core/_styles.scss */
h5.selectDataMessage {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0.9em;
  float: left; }

/* line 341, ../sass/core/_styles.scss */
.accontSelectContainer {
  padding: 10px 10px 10px 10px;
  padding: 1rem 1rem 1rem 1rem;
  line-height: 13px;
  line-height: 1.3rem; }
  /* line 345, ../sass/core/_styles.scss */
  .accontSelectContainer dt {
    margin: 3px 0px 3px 0px;
    margin: 0.3rem 0rem 0.3rem 0rem; }

/* line 350, ../sass/core/_styles.scss */
.accountDef {
  float: left; }

/* line 356, ../sass/core/_styles.scss */
.accountIcon {
  float: right;
  margin: 3px 0px 3px 0px;
  margin: 0.3rem 0rem 0.3rem 0rem; }

/* line 362, ../sass/core/_styles.scss */
.accountLabel {
  clear: left;
  float: left; }

/* line 368, ../sass/core/_styles.scss */
.accountData {
  float: left;
  margin: 3px 0px 3px 6px;
  margin: 0.3rem 0rem 0.3rem 0.6rem; }

/* line 374, ../sass/core/_styles.scss */
.ui-autocomplete li {
  float: left;
  clear: both;
  margin: 0.5em 0; }

/* line 380, ../sass/core/_styles.scss */
.ui-autocomplete li a {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0 1em; }

/* C14 Styles 
------------------------------------------------*/
/* C10 Action Buttons and Links
-----------------------------------------------------------*/
/* C16 Tables 
--------------------------------------------------------*/
/* Calendar 
-------------------------------------------------*/
/* line 401, ../sass/core/_styles.scss */
.ui-datepicker {
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  -moz-box-shadow: 0px 2px 10px #cfcfcf;
  -webkit-box-shadow: 0px 2px 10px #cfcfcf;
  box-shadow: 0px 2px 10px #cfcfcf;
  border-color: #d6d6d6;
  border-width: 1px;
  border-style: solid;
  margin-top: -18px;
  padding: 1.8em;
  font-size: 14px;
  font-size: 1.4rem;
  background-color: white;
  width: 340px;
  z-index: 1000; }
  /* line 411, ../sass/core/_styles.scss */
  .ui-datepicker .ui-datepicker-next {
    float: right; }
  /* line 414, ../sass/core/_styles.scss */
  .ui-datepicker .ui-datepicker-calendar {
    margin: 72px 0px 0px 5px;
    margin: 7.2rem 0rem 0rem 0.5rem; }
  /* line 418, ../sass/core/_styles.scss */
  .ui-datepicker .ui-state-default {
    font-size: 16px;
    font-size: 1.6rem;
    color: #454545;
    text-decoration: none;
    font-weight: 700; }
    /* line 423, ../sass/core/_styles.scss */
    .ui-datepicker .ui-state-default:hover {
      color: #0095c8; }
  /* line 429, ../sass/core/_styles.scss */
  .ui-datepicker td {
    text-align: center;
    background-color: white;
    padding: 0;
    width: 4rem;
    height: 4.1rem;
    border-color: solid;
    border-width: 1px;
    border-style: #dddddd; }
  /* line 439, ../sass/core/_styles.scss */
  .ui-datepicker .ui-datepicker .ui-state-special {
    background-color: #e5f4f9; }
  /* line 443, ../sass/core/_styles.scss */
  .ui-datepicker .ui-datepicker-current-day a {
    color: #454545;
    -webkit-border-radius: 100rem;
    -moz-border-radius: 100rem;
    border-radius: 100rem;
    border: solid 4px #454545;
    padding: 7px 5px 5px 5px;
    padding: 0.7rem 0.5rem 0.5rem 0.5rem;
    width: 4rem;
    height: 4rem;
    font-weight: 700; }
    /* line 453, ../sass/core/_styles.scss */
    .ui-datepicker .ui-datepicker-current-day a:hover {
      color: #0095c8; }
  /* line 456, ../sass/core/_styles.scss */
  .ui-datepicker .ui-state-disabled {
    color: #bababa; }
    /* line 458, ../sass/core/_styles.scss */
    .ui-datepicker .ui-state-disabled:hover {
      color: #bababa; }
    /* line 459, ../sass/core/_styles.scss */
    .ui-datepicker .ui-state-disabled span {
      color: #bababa; }
      /* line 461, ../sass/core/_styles.scss */
      .ui-datepicker .ui-state-disabled span:hover {
        color: #bababa; }
  /* line 469, ../sass/core/_styles.scss */
  .ui-datepicker th span {
    font-size: 16.0px;
    font-size: 1.6rem;
    width: 100%;
    text-align: left;
    padding-bottom: 10px;
    padding-left: 11px; }
  /* line 476, ../sass/core/_styles.scss */
  .ui-datepicker .ui-datepicker-header {
    width: 90%;
    margin: 0 auto; }
  /* line 480, ../sass/core/_styles.scss */
  .ui-datepicker .ui-datepicker-title {
    position: absolute;
    top: 20px;
    right: 0px;
    width: 340px;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    float: none; }
    /* line 487, ../sass/core/_styles.scss */
    .ui-datepicker .ui-datepicker-title select {
      display: inline; }
  /* line 494, ../sass/core/_styles.scss */
  .ui-datepicker .ui-datepicker-month,
  .ui-datepicker .ui-datepicker-year {
    -webkit-appearance: none;
    height: 4.8rem;
    font-size: 16px;
    font-size: 1.6rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    margin: 0px 5px 0px 5px;
    margin: 0rem 0.5rem 0rem 0.5rem;
    border-color: #c7c7c7;
    border-width: 1px;
    border-style: solid;
    color: #454545;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 8px;
    text-overflow: '';
    text-overflow: ellipsis\9; }
  /* line 512, ../sass/core/_styles.scss */
  .ui-datepicker .ui-datepicker-month {
    width: 160px;
    padding: 12px 51px 10px 0px;
    padding: 1.2rem 5.1rem 1rem 0rem;
    padding: 1.2rem 1.9rem 1rem 0rem\9;
    background: url("../images/iconCalendarDrop.gif") no-repeat 107px top transparent;
    margin-left: 4px;
    margin-right: 15px; }
    @media screen and (-webkit-min-device-pixel-ratio: 0) {
      /* line 512, ../sass/core/_styles.scss */
      .ui-datepicker .ui-datepicker-month {
        text-indent: 12px; } }
  /* line 524, ../sass/core/_styles.scss */
  .ui-datepicker .ui-datepicker-year {
    width: 120px;
    padding: 12px 48px 10px 0px;
    padding: 1.2rem 4.8rem 1rem 0rem;
    padding: 1.2rem 1.8rem 1rem 0rem\9;
    text-indent: 7px;
    background: url("../images/iconCalendarDrop.gif") no-repeat 67px top transparent; }
    @media screen and (-webkit-min-device-pixel-ratio: 0) {
      /* line 524, ../sass/core/_styles.scss */
      .ui-datepicker .ui-datepicker-year {
        text-indent: 13px; } }
  /* line 542, ../sass/core/_styles.scss */
  .ui-datepicker .ui-datepicker-month > button {
    visibility: hidden; }
  /* line 561, ../sass/core/_styles.scss */
  .ui-datepicker ui-datepicker-month
  .ui-datepicker-prev,
  .ui-datepicker .ui-datepicker-next,
  .ui-datepicker .ui-datepicker-title {
    border-color: solid;
    border-width: 1px;
    border-style: #dddddd; }
  /* line 568, ../sass/core/_styles.scss */
  .ui-datepicker .ui-datepicker-prev,
  .ui-datepicker .ui-datepicker-next {
    display: none!important; }
  /* line 573, ../sass/core/_styles.scss */
  .ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 29px;
    right: 253px; }
  /* line 577, ../sass/core/_styles.scss */
  .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 29px;
    right: 31px; }
  /* line 583, ../sass/core/_styles.scss */
  .ui-datepicker .uiTriangle, .ui-datepicker .ui-icon-circle-triangle-e, .ui-datepicker .ui-icon-circle-triangle-w {
    width: 6px;
    height: 10px;
    display: block;
    overflow: hidden;
    text-indent: -9000px;
    /*	text-indent:-999999px;	*/ }
  /* line 592, ../sass/core/_styles.scss */
  .ui-datepicker .ui-icon-circle-triangle-e {
    background: url("../images/iconsprite.png") no-repeat -363px -4px;
    float: right; }
  /* line 598, ../sass/core/_styles.scss */
  .ui-datepicker .ui-icon-circle-triangle-w {
    background: url("../images/iconsprite.png") no-repeat -338px -4px;
    float: left; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* line 606, ../sass/core/_styles.scss */
  .ui-datepicker .ui-datepicker-current-day a {
    padding-top: 6px; } }
/* Accesibility 
-------------------------------------------------*/
/* SRI */
/* line 614, ../sass/core/_styles.scss */
.selectSlideOptions {
  position: absolute;
  display: none;
  float: left;
  z-index: 120; }

/* line 620, ../sass/core/_styles.scss */
.selectSlideOptions ul {
  border: 1px solid #c0c0c0;
  background: white;
  padding: 5px 10px;
  width: 150px; }

/* line 628, ../sass/core/_styles.scss */
.selectSlideOptions li ul {
  position: absolute;
  left: 155px;
  display: none;
  width: 155px; }

/* line 633, ../sass/core/_styles.scss */
.selectSlideOptions li {
  line-height: 22px;
  color: gray;
  font-weight: normal;
  list-style-type: none;
  background: none;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 0px 5px 0px 5px;
  padding: 0rem 0.5rem 0rem 0.5rem;
  background-position: 0 right; }

/* line 643, ../sass/core/_styles.scss */
.selectSlideOptions ul li:hover {
  font-weight: bold; }

/* line 646, ../sass/core/_styles.scss */
.selectSlideOptions > ul > li:hover:after {
  content: '';
  background: url("../images/sprite.png") no-repeat -487px -245px;
  width: 6px;
  height: 17px;
  right: 24px; }

/* line 655, ../sass/core/_styles.scss */
.selectSlideOptions ul li:hover ul {
  display: inline; }

/* line 661, ../sass/core/_styles.scss */
.assistText {
  font-size: 12px;
  font-size: 1.2rem; }

/* line 664, ../sass/core/_styles.scss */
.outside {
  margin: 13px 0 0 -5px; }

/* line 667, ../sass/core/_styles.scss */
.checkInputPadding {
  padding-right: 3.5rem; }

/* line 672, ../sass/core/_styles.scss */
.smallWizard {
  font-size: 14px;
  font-size: 1.4rem;
  float: right;
  color: #454545;
  font-weight: 100;
  margin: 5px 150px 0px 0px;
  margin: 0.5rem 15rem 0rem 0rem; }

/* C19 Accessibility (WAI-ARIA)
-------------------------------------------------*/
/* line 695, ../sass/core/_styles.scss */
[aria-hidden="true"] {
  visibility: hidden; }

/*  Term deposites calculator grid
-------------------------------------------------*/
/* line 705, ../sass/core/_styles.scss */
.tableGrid {
  width: 484px;
  position: relative; }
  /* line 709, ../sass/core/_styles.scss */
  .tableGrid tbody tr:first-child th {
    border-top: 1px solid #c7c7c7; }
  /* line 712, ../sass/core/_styles.scss */
  .tableGrid tbody tr:first-child td {
    border-top: 1px solid #c7c7c7; }
  /* line 717, ../sass/core/_styles.scss */
  .tableGrid .iconLoader {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto; }
  /* line 726, ../sass/core/_styles.scss */
  .tableGrid caption {
    display: none; }
  /* line 732, ../sass/core/_styles.scss */
  .tableGrid .isCentred {
    display: table;
    margin: 0 auto; }
  /* line 736, ../sass/core/_styles.scss */
  .tableGrid .textSmall {
    margin: 0px 0px 0px 2px;
    margin: 0rem 0rem 0rem 0.2rem; }
  /* line 739, ../sass/core/_styles.scss */
  .tableGrid th {
    border: 1px #ddd solid; }
    /* line 741, ../sass/core/_styles.scss */
    .tableGrid th:first-child {
      border-left: none; }
  /* line 745, ../sass/core/_styles.scss */
  .tableGrid thead {
    border: 1px solid #c7c7c7;
    border-right: none;
    border-top: none;
    border-left: none; }
    /* line 750, ../sass/core/_styles.scss */
    .tableGrid thead tr th:first-child {
      color: #ffffff; }
  /* line 756, ../sass/core/_styles.scss */
  .tableGrid tr .hGap {
    height: 10px;
    border: none;
    visibility: hidden; }
  /* line 762, ../sass/core/_styles.scss */
  .tableGrid tr .vGap {
    width: 0px; }
  /* line 765, ../sass/core/_styles.scss */
  .tableGrid tr .vGap.isExpanded {
    width: 288px; }
  /* line 770, ../sass/core/_styles.scss */
  .tableGrid tr.tableHead {
    padding: 10px 10px 10px 10px;
    padding: 1rem 1rem 1rem 1rem;
    margin: 15px 15px 15px 5px;
    margin: 1.5rem 1.5rem 1.5rem 0.5rem;
    background-color: #fff; }
    /* line 776, ../sass/core/_styles.scss */
    .tableGrid tr.tableHead th {
      font-weight: bold;
      font-size: 1.3rem;
      padding: 10px 10px 10px 10px;
      padding: 1rem 1rem 1rem 1rem;
      margin: 15px 15px 15px 5px;
      margin: 1.5rem 1.5rem 1.5rem 0.5rem;
      border: none;
      width: 79px; }
      /* line 783, ../sass/core/_styles.scss */
      .tableGrid tr.tableHead th.first {
        color: #454545; }
    /* line 785, ../sass/core/_styles.scss */
    .tableGrid tr.tableHead .currentTh {
      background-color: #414141; }
  /* line 791, ../sass/core/_styles.scss */
  .tableGrid tr.brand th {
    width: 80px;
    height: 80px; }
    /* line 794, ../sass/core/_styles.scss */
    .tableGrid tr.brand th .brandLogo {
      border: none;
      margin: 0px 5px 0px 15px;
      margin: 0rem 0.5rem 0rem 1.5rem; }

/* line 804, ../sass/core/_styles.scss */
.tdGridWrapper {
  position: relative; }

/* line 815, ../sass/core/_styles.scss */
.tableCell {
  border: 1px #e6e6e6 solid; }
  /* line 822, ../sass/core/_styles.scss */
  .tableCell:last-child {
    border-right: none; }
  /* line 825, ../sass/core/_styles.scss */
  .tableCell a:link {
    color: #454545; }
  /* line 828, ../sass/core/_styles.scss */
  .tableCell a:active {
    color: #454545; }
  /* line 831, ../sass/core/_styles.scss */
  .tableCell a:hover {
    color: #454545; }
  /* line 834, ../sass/core/_styles.scss */
  .tableCell a:visited {
    color: #454545; }

/* line 838, ../sass/core/_styles.scss */
.tdDetails {
  position: absolute; }

/* line 841, ../sass/core/_styles.scss */
.gapColumn {
  display: none; }

/* line 845, ../sass/core/_styles.scss */
.tdCalDetails {
  white-space: nowrap;
  overflow: hidden; }

/* line 856, ../sass/core/_styles.scss */
.headingWrapper {
  float: left;
  padding: 0;
  margin: 0; }
  /* line 861, ../sass/core/_styles.scss */
  .headingWrapper .panelTitle {
    width: 80px;
    height: 80px;
    padding: 0;
    margin: 0;
    border: 4px #fafafa solid; }
    /* line 872, ../sass/core/_styles.scss */
    .headingWrapper .panelTitle em {
      position: absolute;
      top: 7px;
      right: 7px;
      color: #707070; }
    /* line 878, ../sass/core/_styles.scss */
    .headingWrapper .panelTitle:hover {
      border: 4px solid #0095c8; }
      /* line 886, ../sass/core/_styles.scss */
      .headingWrapper .panelTitle:hover em {
        color: #707070; }
    /* line 894, ../sass/core/_styles.scss */
    .headingWrapper .panelTitle .isCentred {
      display: table;
      margin-top: 38%; }
      @media screen and (-webkit-min-device-pixel-ratio: 0) {
        /* line 894, ../sass/core/_styles.scss */
        .headingWrapper .panelTitle .isCentred {
          margin-top: 38%; } }
    /* line 903, ../sass/core/_styles.scss */
    .headingWrapper .panelTitle.bestRate {
      border: 4px solid #fafafa; }
      /* line 905, ../sass/core/_styles.scss */
      .headingWrapper .panelTitle.bestRate:hover {
        border: 4px solid #0095c8; }
        /* line 912, ../sass/core/_styles.scss */
        .headingWrapper .panelTitle.bestRate:hover .isCentred {
          color: #0095c8;
          display: table;
          margin: auto;
          margin-top: 38%; }
          @media screen and (-webkit-min-device-pixel-ratio: 0) {
            /* line 912, ../sass/core/_styles.scss */
            .headingWrapper .panelTitle.bestRate:hover .isCentred {
              margin-top: 38%; } }
      /* line 922, ../sass/core/_styles.scss */
      .headingWrapper .panelTitle.bestRate .isCentred {
        display: table;
        margin-top: 38%; }

/* line 933, ../sass/core/_styles.scss */
.cellWrapper {
  position: relative;
  padding: 0;
  margin: 0;
  *zoom: 1; }
  /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .cellWrapper:before, .cellWrapper:after {
    content: " ";
    display: table; }
  /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .cellWrapper:after {
    clear: both; }
  /* line 938, ../sass/core/_styles.scss */
  .cellWrapper.currentPanel {
    width: 378px; }
  /* line 954, ../sass/core/_styles.scss */
  .cellWrapper.highlightCell .panelTitle {
    color: #fff;
    border: 4px solid #fafafa; }
  /* line 963, ../sass/core/_styles.scss */
  .cellWrapper .firstRow li {
    text-align: right; }
  /* line 967, ../sass/core/_styles.scss */
  .cellWrapper .monthlyPeriod {
    display: none; }
  /* line 970, ../sass/core/_styles.scss */
  .cellWrapper .productInformation {
    display: none; }
  /* line 973, ../sass/core/_styles.scss */
  .cellWrapper .monthlyRate {
    display: none; }

/* line 980, ../sass/core/_styles.scss */
.panelWrapper {
  padding: 0;
  margin: 0; }
  /* line 983, ../sass/core/_styles.scss */
  .panelWrapper h4 {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: -0.05rem; }
  /* line 987, ../sass/core/_styles.scss */
  .panelWrapper .xLargeText {
    font-size: 1.4rem; }
  /* line 990, ../sass/core/_styles.scss */
  .panelWrapper .labelValueInlineList {
    width: 100%;
    padding: 0px 0px 54px 0px;
    padding: 0rem 0rem 5.4rem 0rem; }

/* line 1003, ../sass/core/_styles.scss */
.detailsPanel .iconLoader {
  margin: 50% 50%; }
/* line 1011, ../sass/core/_styles.scss */
.detailsPanel form {
  margin: 0; }
/* line 1014, ../sass/core/_styles.scss */
.detailsPanel .firstRow {
  position: relative;
  margin: 20px 0px 30px 0px;
  margin: 2rem 0rem 3rem 0rem; }
  /* line 1021, ../sass/core/_styles.scss */
  .detailsPanel .firstRow ul {
    margin: 15px 0px 0px 0px;
    margin: 1.5rem 0rem 0rem 0rem; }
  /* line 1024, ../sass/core/_styles.scss */
  .detailsPanel .firstRow li {
    margin: 0px 0px 10px 0px;
    margin: 0rem 0rem 1rem 0rem; }
/* line 1028, ../sass/core/_styles.scss */
.detailsPanel .primaryButton {
  margin: 20px 0px 0px 0px;
  margin: 2rem 0rem 0rem 0rem;
  padding: 0px 30px 0px 30px;
  padding: 0rem 3rem 0rem 3rem; }

/* line 1034, ../sass/core/_styles.scss */
.detailsWrapper {
  position: relative; }
  /* line 1036, ../sass/core/_styles.scss */
  .detailsWrapper dt {
    float: left;
    width: 65%;
    margin: 0px 0px 10px 0px;
    margin: 0rem 0rem 1rem 0rem; }
  /* line 1041, ../sass/core/_styles.scss */
  .detailsWrapper dd {
    float: right;
    margin: 0px 0px 10px 0px;
    margin: 0rem 0rem 1rem 0rem; }
  /* line 1047, ../sass/core/_styles.scss */
  .detailsWrapper .itemDescription {
    text-align: left;
    float: left; }
  /* line 1051, ../sass/core/_styles.scss */
  .detailsWrapper dt.itemTitle {
    font-weight: bold;
    margin: 20px 0px 20px 0px;
    margin: 2rem 0rem 2rem 0rem;
    width: 100%; }

/* line 1060, ../sass/core/_styles.scss */
.monthlyPeriod .last {
  margin: 0px 0px 40px 0px;
  margin: 0rem 0rem 4rem 0rem; }

/* line 1068, ../sass/core/_styles.scss */
.yearlyPeriod .last {
  margin: 0px 0px 40px 0px;
  margin: 0rem 0rem 4rem 0rem; }

/* line 1084, ../sass/core/_styles.scss */
.termDepositesAmountToInvest {
  margin: 0px 0px 0px 0px;
  margin: 0rem 0rem 0rem 0rem;
  border-bottom: 1px solid #c7c7c7; }
  /* line 1091, ../sass/core/_styles.scss */
  .termDepositesAmountToInvest .formBlock {
    margin: 0; }
  /* line 1094, ../sass/core/_styles.scss */
  .termDepositesAmountToInvest .formBlockContainer {
    margin: 0; }
  /* line 1097, ../sass/core/_styles.scss */
  .termDepositesAmountToInvest .formLeftLable {
    font-weight: bold; }
  /* line 1100, ../sass/core/_styles.scss */
  .termDepositesAmountToInvest .normalText {
    font-weight: normal; }
  /* line 1104, ../sass/core/_styles.scss */
  .termDepositesAmountToInvest .actionButtonIcon {
    margin: 20px 0px 20px 0px;
    margin: 2rem 0rem 2rem 0rem;
    min-width: 195px; }
  /* line 1108, ../sass/core/_styles.scss */
  .termDepositesAmountToInvest .formTxtInputAmount {
    padding: 0px 0px 0px 23px;
    padding: 0rem 0rem 0rem 2.3rem;
    margin: 5px 0px 0px 0px;
    margin: 0.5rem 0rem 0rem 0rem; }
  /* line 1112, ../sass/core/_styles.scss */
  .termDepositesAmountToInvest .dSign {
    font-size: 1.6rem;
    position: absolute;
    top: 20px;
    top: 19px \0/IE89;
    left: 14px; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* line 1120, ../sass/core/_styles.scss */
    .termDepositesAmountToInvest .dSign {
      top: 20px; } }

/* line 1125, ../sass/core/_styles.scss */
.message {
  border: 1px solid #ddd;
  padding: 20px;
  background-color: #f2fafc;
  position: relative; }

/* line 1132, ../sass/core/_styles.scss */
.contentBox {
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 10px 10px 10px 10px;
  padding: 1rem 1rem 1rem 1rem;
  background-color: #fff; }
  /* line 1139, ../sass/core/_styles.scss */
  .contentBox .formLeftLable {
    float: left;
    font-weight: bold;
    margin: 12px 22px 0px 0px;
    margin: 1.2rem 2.2rem 0rem 0rem; }
  /* line 1144, ../sass/core/_styles.scss */
  .contentBox .normalText {
    font-weight: normal; }
  /* line 1147, ../sass/core/_styles.scss */
  .contentBox .formTextInput {
    margin: 0px 11px 0px 0px;
    margin: 0rem 1.1rem 0rem 0rem;
    padding: 0px 15px 0px 5px;
    padding: 0rem 1.5rem 0rem 0.5rem; }
  /* line 1151, ../sass/core/_styles.scss */
  .contentBox .formTextInputMod2 {
    padding: 0px 15px 0px 15px;
    padding: 0rem 1.5rem 0rem 1.5rem; }

/* line 1155, ../sass/core/_styles.scss */
.termDepositeCalculator {
  margin: 0px 0px 40px 0px;
  margin: 0rem 0rem 4rem 0rem; }

/* line 1161, ../sass/core/_styles.scss */
.interestPaidPeriod {
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 2rem 0rem; }
  /* line 1169, ../sass/core/_styles.scss */
  .interestPaidPeriod .inlineRadio {
    margin: 0px 4px 0px 0px;
    margin: 0rem 0.4rem 0rem 0rem; }
  /* line 1172, ../sass/core/_styles.scss */
  .interestPaidPeriod dt {
    margin: 5px 18px 0px 0px;
    margin: 0.5rem 1.8rem 0rem 0rem; }
    @media screen and (-webkit-min-device-pixel-ratio: 0) {
      /* line 1172, ../sass/core/_styles.scss */
      .interestPaidPeriod dt {
        margin: 5px 16px 0px 0px;
        margin: 0.5rem 1.6rem 0rem 0rem; } }
  /* line 1178, ../sass/core/_styles.scss */
  .interestPaidPeriod dd {
    width: 70px;
    text-align: right; }
  /* line 1182, ../sass/core/_styles.scss */
  .interestPaidPeriod dd:last-child {
    margin: 0px 0px 0px 10px;
    margin: 0rem 0rem 0rem 1rem;
    width: 86px; }

/* line 1189, ../sass/core/_styles.scss */
.labelValueInlineList li {
  margin: 0px 0px 7px 0px;
  margin: 0rem 0rem 0.7rem 0rem; }

/* line 1195, ../sass/core/_styles.scss */
.toggleTextWithIcon a {
  color: #107ea6;
  font-weight: bold;
  cursor: pointer; }

/*

## Login SMS code section


```
    <div class="formBlock smsCodeWrap">
    

        <span class="jq-smsCodeContainer  smsCodeItem">
            <span class="jq-smsBusyDialogContainer noDisplay floatLeft">
                <em class="ajaxLine logonBusyDialogAjax"></em>
            </span>

            <label for="smsCode" class="formLabel">SMS Code for your security:</label>
            
            <span class="smsCodeItemActionWrap">
                <a href="#" class="actionButtonIcon jq-formSubmit jq-getSMSCodeButton floatLeft">
                    Get SMS Code
                    <em class="iconmobile"></em>
                </a>

                <span class="smsCodeItemActionInput">
                    <input id="smsCode" data-length="6" data-placeholder="Enter code" name="smsCode" class="formTextInput smallInput jq-smsCode floatLeft getSMSInput" maxlength="6" disabled="disabled" data-validation-required-error="${errors.err00030}" data-validation-custom-error="${errors.err00038}" tabindex="4"/>
                </span> 
            </span>


            <p class="assistInputField jq-appendErrorAfter"><em class="iconHelp">Help</em></p> 
        </span>
    

    </div>

```

*/
/* Improved SMS Code section  */
/* line 1243, ../sass/core/_styles.scss */
.smsCodeWrap {
  margin-top: 0 !important; }
  /* line 1248, ../sass/core/_styles.scss */
  .smsCodeWrap .smsCodeWrapContainer label {
    margin: 0; }
  /* line 1251, ../sass/core/_styles.scss */
  .smsCodeWrap .smsCodeWrapContainer .formTextInputWrap .fieldHelpIconWrap {
    margin-top: 4px; }
  /* line 1254, ../sass/core/_styles.scss */
  .smsCodeWrap .smsCodeWrapContainer .formTextInputWrap .actionButtonIcon {
    margin: 9px 10px 0px 0px;
    margin: 0.9rem 1rem 0rem 0rem;
    min-width: 16.5rem;
    width: 16.5rem; }
    /* line 1258, ../sass/core/_styles.scss */
    .smsCodeWrap .smsCodeWrapContainer .formTextInputWrap .actionButtonIcon span {
      padding-right: 0; }
  /* line 1261, ../sass/core/_styles.scss */
  .smsCodeWrap .smsCodeWrapContainer .smsCodeItemActionWrap {
    width: 18.5rem; }
  /* line 1265, ../sass/core/_styles.scss */
  .smsCodeWrap .smsCodeWrapContainer .smsCodeItemActionInput {
    margin: 4px 0px 0px 0px;
    margin: 0.4rem 0rem 0rem 0rem; }
    /* line 1267, ../sass/core/_styles.scss */
    .smsCodeWrap .smsCodeWrapContainer .smsCodeItemActionInput em {
      float: left; }

/* line 1272, ../sass/core/_styles.scss */
.smsNumberMessage {
  padding: 15px 0px 14px 0px;
  padding: 1.5rem 0rem 1.4rem 0rem; }

/* line 1280, ../sass/core/_styles.scss */
.sectionContentWrap {
  *zoom: 1; }
  /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .sectionContentWrap:before, .sectionContentWrap:after {
    content: " ";
    display: table; }
  /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .sectionContentWrap:after {
    clear: both; }

/*
```
<fieldset class="sectionContentItem">
	<legend class="sectionContentItemHeader"> CONTACT DETAILS</legend>
</fieldset>

```

*/
/* line 1294, ../sass/core/_styles.scss */
.sectionContentItem {
  border-color: #c7c7c7;
  border-width: 1px;
  border-style: solid;
  padding: 40px 40px 40px 40px;
  padding: 4rem 4rem 4rem 4rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  margin: 40px 0px 40px 0px;
  margin: 4rem 0rem 4rem 0rem; }
  /* line 1300, ../sass/core/_styles.scss */
  .sectionContentItem legend.sectionContentItemHeader {
    font-weight: bold;
    font-size: inherit;
    line-height: inherit;
    text-indent: 0;
    padding: 0px 5px 0px 5px;
    padding: 0rem 0.5rem 0rem 0.5rem;
    text-transform: uppercase; }
  /* line 1310, ../sass/core/_styles.scss */
  .sectionContentItem fieldset .dataInnerList {
    margin: 0px 0px 0px 0px;
    margin: 0rem 0rem 0rem 0rem; }
    /* line 1312, ../sass/core/_styles.scss */
    .sectionContentItem fieldset .dataInnerList .dataInnerListStyle {
      margin: 0px 0px 8px 0px;
      margin: 0rem 0rem 0.8rem 0rem;
      font-size: 14px;
      font-size: 1.4rem; }
      /* line 1317, ../sass/core/_styles.scss */
      .sectionContentItem fieldset .dataInnerList .dataInnerListStyle .contentDialog.helpBubble.helpBubblePosStyleOne {
        position: absolute;
        top: -8.5rem;
        left: -1.9rem; }
        /* line 1320, ../sass/core/_styles.scss */
        .sectionContentItem fieldset .dataInnerList .dataInnerListStyle .contentDialog.helpBubble.helpBubblePosStyleOne .expandArrow {
          position: absolute;
          top: 7.9rem;
          left: 0.7rem; }

/* line 1334, ../sass/core/_styles.scss */
fieldset.sectionContentItem {
  padding: 35px 10px 40px 18px;
  padding: 3.5rem 1rem 4rem 1.8rem; }
  /* line 1337, ../sass/core/_styles.scss */
  fieldset.sectionContentItem .listContentItem .listContentItemHeader {
    width: 115px;
    margin: 0px 20px 10px 0px;
    margin: 0rem 2rem 1rem 0rem; }
  /* line 1341, ../sass/core/_styles.scss */
  fieldset.sectionContentItem .listContentItem .listContentItemText {
    margin: 0px 0px 10px 0px;
    margin: 0rem 0rem 1rem 0rem; }
  /* line 1345, ../sass/core/_styles.scss */
  fieldset.sectionContentItem.sectionContentItemFirst {
    margin-right: 4rem; }

/* line 1350, ../sass/core/_styles.scss */
.sectionContentItemContainer {
  margin: 0px 0px 0px 40px;
  margin: 0rem 0rem 0rem 4rem;
  padding: 0px 0px 0px 0px;
  padding: 0rem 0rem 0rem 0rem; }

/* line 1354, ../sass/core/_styles.scss */
.sectionContentItemStyleOne {
  margin: 0px 0px 0px 0px;
  margin: 0rem 0rem 0rem 0rem; }

/* line 1358, ../sass/core/_styles.scss */
.sectionContentItemMod1 {
  float: left;
  width: 47.5%; }

/* line 1369, ../sass/core/_styles.scss */
.sectionContentItemMod2,
fieldset.sectionContentItemMod2 {
  padding: 20px 40px 20px 20px;
  padding: 2rem 4rem 2rem 2rem;
  margin: 20px 0px 0px 0px;
  margin: 2rem 0rem 0rem 0rem;
  height: 100px; }
  /* line 1373, ../sass/core/_styles.scss */
  .sectionContentItemMod2 legend.sectionContentItemHeader,
  fieldset.sectionContentItemMod2 legend.sectionContentItemHeader {
    text-transform: none; }
  /* line 1377, ../sass/core/_styles.scss */
  .sectionContentItemMod2 .setTopGutter,
  fieldset.sectionContentItemMod2 .setTopGutter {
    margin: 17px 0px 0px 0px;
    margin: 1.7rem 0rem 0rem 0rem; }
  /* line 1380, ../sass/core/_styles.scss */
  .sectionContentItemMod2 .jq-exceedDailyLimit,
  fieldset.sectionContentItemMod2 .jq-exceedDailyLimit {
    margin: 0px 5px 5px 0px;
    margin: 0rem 0.5rem 0.5rem 0rem; }

/* line 1385, ../sass/core/_styles.scss */
.sectionContentItemMod3 {
  padding: 30px 40px 40px 20px;
  padding: 3rem 4rem 4rem 2rem; }
  /* line 1387, ../sass/core/_styles.scss */
  .sectionContentItemMod3 .listContentWrap {
    margin: 0px 0px 0px 20px;
    margin: 0rem 0rem 0rem 2rem; }
    /* line 1389, ../sass/core/_styles.scss */
    .sectionContentItemMod3 .listContentWrap .stringTruncate {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 175px;
      max-width: 17.5rem; }

/*
```
<div class="listContentWrap">
  <dl class="listContentItem">
      <dt class="listContentItemHeader">
          Phone
      </dt>
      <dd class="listContentItemText">
          ${investorAdminDetails.phoneNo}
      </dd>

      <dt class="listContentItemHeader">
          Mobile
      </dt>

  </dl>
</div><!-- listContentWrap-->

```

*/
/* line 1418, ../sass/core/_styles.scss */
.listContentWrap {
  margin: 0px 0px 0px 20px;
  margin: 0rem 0rem 0rem 2rem;
  padding: 0; }
  /* line 1421, ../sass/core/_styles.scss */
  .listContentWrap.listContentWrapMod1 {
    margin-left: 0; }
  /* line 1423, ../sass/core/_styles.scss */
  .listContentWrap .listContentItem {
    margin: 0;
    padding: 0;
    overflow: hidden; }
  /* line 1428, ../sass/core/_styles.scss */
  .listContentWrap .listContentItemHeader {
    float: left;
    width: 26%;
    margin: 0px 10px 10px 0px;
    margin: 0rem 1rem 1rem 0rem;
    clear: left; }
  /* line 1435, ../sass/core/_styles.scss */
  .listContentWrap .listContentItemHeader.listContentItemHeaderModal,
  .listContentWrap .listContentItemHeader.listContentItemHeaderFixed {
    width: 89px;
    margin: 0px 10px 5px 0px;
    margin: 0rem 1rem 0.5rem 0rem; }
  /* line 1440, ../sass/core/_styles.scss */
  .listContentWrap .listContentItemText {
    float: left;
    clear: right;
    width: 59%;
    position: relative;
    margin: 0px 5px 10px 30px;
    margin: 0rem 0.5rem 1rem 3rem; }
  /* line 1448, ../sass/core/_styles.scss */
  .listContentWrap .listContentItemTextItem {
    margin: 0px 10px 15px 0px;
    margin: 0rem 1rem 1.5rem 0rem; }
  /* line 1452, ../sass/core/_styles.scss */
  .listContentWrap .listContentItemTextItem:last-child {
    margin-bottom: 0; }
  /* line 1453, ../sass/core/_styles.scss */
  .listContentWrap .listContentItemTextMod1 {
    margin: 0px 10px 10px 0px;
    margin: 0rem 1rem 1rem 0rem; }
  /* line 1457, ../sass/core/_styles.scss */
  .listContentWrap .stringTruncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 175px;
    max-width: 17.5rem; }
  /* line 1460, ../sass/core/_styles.scss */
  .listContentWrap h5.setBottomGutter {
    margin: 0px 0px 10px 0px;
    margin: 0rem 0rem 1rem 0rem; }
  /* line 1463, ../sass/core/_styles.scss */
  .listContentWrap .title {
    margin: 0px 0px 10px 0px;
    margin: 0rem 0rem 1rem 0rem; }

/*.modalBox .listContentWrap .listContentItem {

} */
/* line 1478, ../sass/core/_styles.scss */
.modalBox .listContentWrap .listContentItemTextItem {
  margin-bottom: 5px; }
/* line 1481, ../sass/core/_styles.scss */
.modalBox .listContentWrap .listContentItem {
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 2rem 0rem; }
/* line 1484, ../sass/core/_styles.scss */
.modalBox .listContentWrap .radioGroup {
  padding: 0px 0px 20px 0px;
  padding: 0rem 0rem 2rem 0rem; }
  /* line 1486, ../sass/core/_styles.scss */
  .modalBox .listContentWrap .radioGroup li {
    margin: 0px 0px 5px 0px;
    margin: 0rem 0rem 0.5rem 0rem; }

/* line 1492, ../sass/core/_styles.scss */
.listContentItemTextItemWrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 160px;
  max-width: 16rem; }

/* line 1495, ../sass/core/_styles.scss */
.modalBox .listContentWrap {
  margin-left: 0; }

/* line 1498, ../sass/core/_styles.scss */
.listContentItemMod1 .listContentItemText {
  width: 60%; }

/* line 1502, ../sass/core/_styles.scss */
.sectionContentWrapMod1 {
  display: table;
  overflow: hidden;
  width: 100%;
  border-collapse: collapse; }
  /* line 1507, ../sass/core/_styles.scss */
  .sectionContentWrapMod1 .sideListsWrap {
    display: table-row; }
    /* line 1509, ../sass/core/_styles.scss */
    .sectionContentWrapMod1 .sideListsWrap fieldset.sectionContentItem {
      display: table-cell;
      /*min-height:510px;*/ }

/* line 1517, ../sass/core/_styles.scss */
.sectionContentWrapMod2 {
  margin: 30px 0px 40px 0px;
  margin: 3rem 0rem 4rem 0rem; }

/* line 1520, ../sass/core/_styles.scss */
.sectionContentWrapMod3 {
  margin: 30px 20px 30px 20px;
  margin: 3rem 2rem 3rem 2rem; }
  /* line 1522, ../sass/core/_styles.scss */
  .sectionContentWrapMod3 .happeningBox {
    margin: 20px 0px 0px 0px;
    margin: 2rem 0rem 0rem 0rem; }
    /* line 1524, ../sass/core/_styles.scss */
    .sectionContentWrapMod3 .happeningBox .noticeBoxWrapper .noticeBoxText {
      width: 90%; }

/*.listContentWrapMod2{
    .listContentItemHeader{
                width: 37%;
        }
    .listContentItemText{ 
        width: 46%;
    }
}*/
/* line 1539, ../sass/core/_styles.scss */
.listLegend {
  margin: 20px 0px 20px 20px;
  margin: 2rem 0rem 2rem 2rem; }

/*
## MessageAlerts



```
<div class="messageAlertsWrap">

<div class="messageAlertsBody">
  <ul class="messageAlertsItemsWrap">
	<li class="messageAlertsItem">
	  <a class="messageAlertsItemAction"  href="#" title=" " tabindex="">  
	    <span class="messageAlertsIconItem toolIcons toolIconsFull toolIconsMod1">
	      <em class="iconwarning">
	        <span class="screenReaderText">Warning</span>
	      </em>
	    </span>
	    <span class="messageAlertsTextItem">
	      first transactions & warnings
	    </span>
	    <span class="messageAlertsNumberItem">
	      2
	    </span>
	  </a>  
	</li>
   
	<li class="messageAlertsItem messageAlertsItemMod1">
	    <a class="messageAlertsItemAction"  href="#" title=" " tabindex=""> 
	      <span class="messageAlertsIconItem">

	      </span>

	      <span class="messageAlertsTextItem">
	        first transactions & warnings
	      </span>
	      <span class="messageAlertsNumberItem">
	        2
	      </span>
	    </a>  
	  </li>  
	</li>

  </ul>
  
</div>
</div><!-- messageAlertsWrap  -->


```
*/
/* line 1593, ../sass/core/_styles.scss */
.messageAlertsWrap {
  margin: 0px 0px 0px 0px;
  margin: 0rem 0rem 0rem 0rem;
  padding: 20px 0px 0px 0px;
  padding: 2rem 0rem 0rem 0rem;
  border-top: 1px solid #454545; }

/* line 1600, ../sass/core/_styles.scss */
.messageAlertsItemsWrap {
  *zoom: 1; }
  /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .messageAlertsItemsWrap:before, .messageAlertsItemsWrap:after {
    content: " ";
    display: table; }
  /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .messageAlertsItemsWrap:after {
    clear: both; }

/* line 1606, ../sass/core/_styles.scss */
.messageAlertsItemAction {
  display: block !important;
  height: 19.5rem;
  *zoom: 1; }
  /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .messageAlertsItemAction:before, .messageAlertsItemAction:after {
    content: " ";
    display: table; }
  /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .messageAlertsItemAction:after {
    clear: both; }
  /* line 1610, ../sass/core/_styles.scss */
  .messageAlertsItemAction:link {
    color: #454545;
    text-decoration: none !important;
    /* win safari fix */ }
  /* line 1615, ../sass/core/_styles.scss */
  .messageAlertsItemAction:visited {
    color: #454545; }
  /* line 1624, ../sass/core/_styles.scss */
  .messageAlertsItemAction:hover {
    color: #454545; }
  /* line 1627, ../sass/core/_styles.scss */
  .messageAlertsItemAction:active {
    color: #454545; }

/* line 1636, ../sass/core/_styles.scss */
.messageAlertsItem {
  border-left: 1px solid #e6e6e6;
  border-bottom: 1px solid #fafafa;
  border-top: 1px solid #fafafa;
  padding: 10px 10px 30px 20px;
  padding: 1rem 1rem 3rem 2rem;
  width: 12rem;
  height: 21.7rem;
  vertical-align: top; }
  /* line 1645, ../sass/core/_styles.scss */
  .messageAlertsItem:hover {
    border-top: 1px solid #bababa;
    border-bottom: 1px solid #bababa;
    border-left: 1px solid #bababa;
    cursor: pointer; }
    /* line 1649, ../sass/core/_styles.scss */
    .messageAlertsItem:hover + li {
      border-left: 1px solid #bababa; }
  /* line 1655, ../sass/core/_styles.scss */
  .messageAlertsItem:nth-last-child(1) {
    border-right: 1px solid #e6e6e6; }
    /* line 1657, ../sass/core/_styles.scss */
    .messageAlertsItem:nth-last-child(1):hover {
      border-right: 1px solid #bababa; }

/* line 1663, ../sass/core/_styles.scss */
.messageAlertsItemLast {
  border-right: 1px solid #e6e6e6; }

/* line 1670, ../sass/core/_styles.scss */
.messageAlertsItem.messageAlertsItemMod1:hover .messageAlertsItemAction:link {
  color: #bababa; }
/* line 1673, ../sass/core/_styles.scss */
.messageAlertsItem.messageAlertsItemMod1:hover .messageAlertsItemAction:visited {
  color: #bababa; }
/* line 1676, ../sass/core/_styles.scss */
.messageAlertsItem.messageAlertsItemMod1:hover .messageAlertsItemAction:hover {
  color: #bababa; }
/* line 1679, ../sass/core/_styles.scss */
.messageAlertsItem.messageAlertsItemMod1:hover .messageAlertsItemAction:active {
  color: #bababa; }

/* line 1688, ../sass/core/_styles.scss */
.messageAlertsItemMod2 .messageAlertsTextItem, .messageAlertsItemMod1 .messageAlertsTextItem {
  margin: 60px 0px 0px 0px;
  margin: 6rem 0rem 0rem 0rem; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* line 1693, ../sass/core/_styles.scss */
  .messageAlertsItemMod2 .messageAlertsTextItem, .messageAlertsItemMod1 .messageAlertsTextItem {
    margin: 60px 0px 0px 0px;
    margin: 6rem 0rem 0rem 0rem; } }

/* line 1704, ../sass/core/_styles.scss */
.messageAlertsIconItem {
  float: left;
  clear: both;
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 2rem 0rem;
  min-height: 4rem; }

/* line 1710, ../sass/core/_styles.scss */
.messageAlertsTextItem {
  clear: both;
  float: left;
  min-height: 67px;
  vertical-align: top;
  line-height: 16px;
  line-height: 1.6rem; }

/* line 1722, ../sass/core/_styles.scss */
.messageAlertsItemMod1 .messageAlertsItemAction:link {
  color: #bababa; }
/* line 1725, ../sass/core/_styles.scss */
.messageAlertsItemMod1 .messageAlertsItemAction:visited {
  color: #bababa; }
/* line 1728, ../sass/core/_styles.scss */
.messageAlertsItemMod1 .messageAlertsItemAction:hover {
  color: #bababa; }
/* line 1731, ../sass/core/_styles.scss */
.messageAlertsItemMod1 .messageAlertsItemAction:active {
  color: #bababa; }
/* line 1736, ../sass/core/_styles.scss */
.messageAlertsItemMod1 .messageAlertsTextItem {
  font-weight: normal; }

/* line 1740, ../sass/core/_styles.scss */
.messageAlertsNumberItem {
  clear: both;
  float: left;
  font-size: 5rem;
  font-weight: bold;
  margin: 20px 0px 0px 0px;
  margin: 2rem 0rem 0rem 0rem; }

/* line 1753, ../sass/core/_styles.scss */
.dashboardTermDepositeWrap,
.messageAlertsBody,
.dashboardTermDepositeWrap {
  padding: 0px 0px 60px 0px;
  padding: 0rem 0rem 6rem 0rem; }

/* line 1761, ../sass/core/_styles.scss */
.applicationStatusWrapper {
  padding: 0px 0px 50px 0px;
  padding: 0rem 0rem 5rem 0rem;
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 2rem 0rem; }

/*
##TD Rates

```
        <div class="tdRatesWrap tdRatesWrapFirst tdRatesWrapMod1">
            <a class="tdRatesWrapAction" href="" title="">
                <span class="tdRatesRateText">
                    <span class="tdRatesRateTextItemNumber">4.05</span>
                    <span class="tdRatesRateTextItemUnitA">%</span>
                    <span class="tdRatesRateTextItemUnitB">pa</span>
                </span>

                <span class="tdRatesDescText">
                    $30,000 invested for 6 months
                </span>

                
                    
               
                <span class="tdRatesFootText">
                    $1,000.00 interest earned based on a <strong>monthly</strong> interest rate
                </span>
            </a>
            
        </div><!-- tdRatesWrap -->

```

*/
/* line 1795, ../sass/core/_styles.scss */
.dashboardTermDepositeContent {
  *zoom: 1; }
  /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .dashboardTermDepositeContent:before, .dashboardTermDepositeContent:after {
    content: " ";
    display: table; }
  /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .dashboardTermDepositeContent:after {
    clear: both; }

/* line 1801, ../sass/core/_styles.scss */
.tdRatesWrapMod1 {
  float: left;
  width: 28rem;
  padding: 10px 60px 0px 20px;
  padding: 1rem 6rem 0rem 2rem;
  border-left: 1px solid #e6e6e6;
  border-bottom: 1px solid #fafafa;
  border-top: 1px solid #fafafa; }
  /* line 1808, ../sass/core/_styles.scss */
  .tdRatesWrapMod1:hover {
    border-bottom: 1px solid #bababa;
    border-top: 1px solid #bababa;
    border-left: 1px solid #bababa;
    cursor: pointer; }
    /* line 1812, ../sass/core/_styles.scss */
    .tdRatesWrapMod1:hover + div {
      border-left: 1px solid #bababa; }
  /* line 1820, ../sass/core/_styles.scss */
  .tdRatesWrapMod1:nth-last-child(1):hover {
    border-right: 1px solid #bababa; }

/* line 1825, ../sass/core/_styles.scss */
.tdRatesWrapLast {
  border-right: 1px solid #e6e6e6; }

/* line 1829, ../sass/core/_styles.scss */
.tdRatesWrapStgeorge .logoPlaceholder {
  width: 60px;
  height: 60px;
  display: block;
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
  margin: 0px 0px 50px 0px;
  margin: 0rem 0rem 5rem 0rem;
  background: url(../../images/brandssprite.png) no-repeat 0px -55px; }

/* line 1839, ../sass/core/_styles.scss */
.tdRatesWrapWestpac .logoPlaceholder {
  width: 60px;
  height: 60px;
  display: block;
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
  margin: 0px 0px 50px 0px;
  margin: 0rem 0rem 5rem 0rem;
  background: url(../../images/brandssprite.png) no-repeat 0px -112px; }

/* line 1849, ../sass/core/_styles.scss */
.tdRatesWrapBankOfMelbourne .logoPlaceholder {
  width: 60px;
  height: 60px;
  display: block;
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
  margin: 0px 0px 50px 0px;
  margin: 0rem 0rem 5rem 0rem;
  background: url(../../images/brandssprite.png) no-repeat 0px 12px; }

/* line 1859, ../sass/core/_styles.scss */
.tdRatesRateTextItemNumber {
  font-size: 7rem;
  float: left;
  letter-spacing: -0.4rem; }

/* line 1865, ../sass/core/_styles.scss */
.tdRatesRateTextItemUnitA {
  font-size: 4rem;
  float: left;
  margin-top: -15px; }

/* line 1871, ../sass/core/_styles.scss */
.tdRatesRateTextItemUnitB {
  font-size: 2rem;
  float: left;
  margin: 12px 0px 0px 38px;
  margin: 1.2rem 0rem 0rem 3.8rem; }

/* line 1879, ../sass/core/_styles.scss */
.tdRatesDescTextA {
  font-size: 1.8rem;
  display: block;
  margin: 0px 0px 0px 0px;
  margin: 0rem 0rem 0rem 0rem;
  line-height: 1.9rem; }

/* line 1886, ../sass/core/_styles.scss */
.tdRatesDescTextB {
  font-size: 1.8rem;
  display: block;
  margin: 0px 0px 25px 0px;
  margin: 0rem 0rem 2.5rem 0rem;
  line-height: 1.9rem; }

/* line 1894, ../sass/core/_styles.scss */
.tdRatesRateText {
  *zoom: 1;
  display: block;
  margin: 0px 0px 30px 0px;
  margin: 0rem 0rem 3rem 0rem; }
  /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .tdRatesRateText:before, .tdRatesRateText:after {
    content: " ";
    display: table; }
  /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .tdRatesRateText:after {
    clear: both; }

/* line 1901, ../sass/core/_styles.scss */
.tdRatesFootText {
  font-size: 1.2rem;
  display: block; }

/* line 1905, ../sass/core/_styles.scss */
.tdRatesFootTextLast {
  margin: 0px 0px 30px 0px;
  margin: 0rem 0rem 3rem 0rem; }

/* line 1908, ../sass/core/_styles.scss */
.tdRatesWrapAction {
  text-decoration: none; }
  /* line 1910, ../sass/core/_styles.scss */
  .tdRatesWrapAction:link {
    color: #454545; }
  /* line 1914, ../sass/core/_styles.scss */
  .tdRatesWrapAction:visited {
    color: #454545; }
  /* line 1917, ../sass/core/_styles.scss */
  .tdRatesWrapAction:hover {
    color: #454545; }
  /* line 1920, ../sass/core/_styles.scss */
  .tdRatesWrapAction:active {
    color: #454545; }

/*
```
<header class="layoutMainHeader layoutMainHeaderMod1">
  
  <hgroup class="layoutMainHeaderWrap">
    <h2 class="headerTextItem headerTextItemMod6">
      Your accounts
    </h2>
    <div class="totalBalanceWrap">
    	<span class="totalBalancItemNumber numberNiconWrap">
    		<span class="numberNiconItemNumber" data-ng-key="totalbalance">
    			$10,000,000,000.00
    		</span>
    		<em class="numberNiconItemIcon iconinformation">
    			<span class="screenReaderText">Help</span>
    		</em>
    	</span>
    	
    	<span class="totalBalancItemText">
    		Total balance
    	</span>
    </div>	
  </hgroup>

</header> 
```
*/
/* line 1954, ../sass/core/_styles.scss */
.layoutMainHeaderMod1 {
  color: #545454;
  padding: 0px 0px 60px 0px;
  padding: 0rem 0rem 6rem 0rem;
  margin: 0px 0px 0px 0px;
  margin: 0rem 0rem 0rem 0rem; }
  /* line 1959, ../sass/core/_styles.scss */
  .layoutMainHeaderMod1 .layoutMainHeaderWrap {
    *zoom: 1; }
    /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */
    .layoutMainHeaderMod1 .layoutMainHeaderWrap:before, .layoutMainHeaderMod1 .layoutMainHeaderWrap:after {
      content: " ";
      display: table; }
    /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */
    .layoutMainHeaderMod1 .layoutMainHeaderWrap:after {
      clear: both; }
  /* line 1963, ../sass/core/_styles.scss */
  .layoutMainHeaderMod1 .headerTextItemMod6 {
    float: left; }
  /* line 1966, ../sass/core/_styles.scss */
  .layoutMainHeaderMod1 .totalBalanceWrap {
    float: right; }

/* line 1970, ../sass/core/_styles.scss */
.headerTextItem.headerTextItemMod7 {
  margin: 0px 0px 0px 0px;
  margin: 0rem 0rem 0rem 0rem;
  margin: 20px 0px 15px 0px;
  margin: 2rem 0rem 1.5rem 0rem;
  font-size: 20px;
  font-size: 2rem;
  color: #454545; }
  /* line 1976, ../sass/core/_styles.scss */
  .headerTextItem.headerTextItemMod7 span {
    font-weight: 100; }

/* line 1980, ../sass/core/_styles.scss */
.totalBalanceWrap {
  *zoom: 1;
  margin: 10px 0px 0px 0px;
  margin: 1rem 0rem 0rem 0rem; }
  /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .totalBalanceWrap:before, .totalBalanceWrap:after {
    content: " ";
    display: table; }
  /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .totalBalanceWrap:after {
    clear: both; }
  /* line 1983, ../sass/core/_styles.scss */
  .totalBalanceWrap .totalBalancItemText {
    float: right;
    clear: both;
    margin: 5px 0px 0px 0px;
    margin: 0.5rem 0rem 0rem 0rem; }
  /* line 1988, ../sass/core/_styles.scss */
  .totalBalanceWrap .totalBalancItemNumber {
    float: right;
    clear: both; }

/* line 1994, ../sass/core/_styles.scss */
.numberNiconWrap {
  position: relative; }
  /* line 1996, ../sass/core/_styles.scss */
  .numberNiconWrap .numberNiconItemNumber {
    font-size: 2.5rem;
    margin: 0px 22px 0px 0px;
    margin: 0rem 2.2rem 0rem 0rem; }
  /* line 2001, ../sass/core/_styles.scss */
  .numberNiconWrap .numberNiconItemIcon {
    position: absolute;
    top: 0.1rem;
    right: -0.5rem;
    z-index: 2;
    color: #0095c8;
    font-size: 1.8rem; }

/* line 2012, ../sass/core/_styles.scss */
.layoutMainHeaderItem {
  float: left; }
  /* line 2015, ../sass/core/_styles.scss */
  .layoutMainHeaderItem .subHeaderWrapMod1 {
    border-bottom: none;
    padding: 3px 0px 0px 0px;
    padding: 0.3rem 0rem 0rem 0rem; }
  /* line 2019, ../sass/core/_styles.scss */
  .layoutMainHeaderItem .subHeaderItemTitle {
    font-weight: normal; }
  /* line 2022, ../sass/core/_styles.scss */
  .layoutMainHeaderItem .numberItemNumber {
    float: right;
    clear: both;
    font-size: 2rem; }
  /* line 2028, ../sass/core/_styles.scss */
  .layoutMainHeaderItem .labelText {
    float: right;
    clear: both;
    margin: 7px 0px 0px 0px;
    margin: 0.7rem 0rem 0rem 0rem; }
  /* line 2034, ../sass/core/_styles.scss */
  .layoutMainHeaderItem .labelIcons {
    float: left;
    clear: left;
    margin: 0px 20px 0px 0px;
    margin: 0rem 2rem 0rem 0rem; }
  /* line 2041, ../sass/core/_styles.scss */
  .layoutMainHeaderItem .headerTextItemWrap {
    float: left; }

/* line 2047, ../sass/core/_styles.scss */
.layoutMainHeaderItemLast {
  float: right;
  *zoom: 1; }
  /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .layoutMainHeaderItemLast:before, .layoutMainHeaderItemLast:after {
    content: " ";
    display: table; }
  /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .layoutMainHeaderItemLast:after {
    clear: both; }

/* line 2051, ../sass/core/_styles.scss */
.layoutMainHeaderMod2 {
  border-top: 2px solid #454545;
  padding: 20px 0px 20px 0px;
  padding: 2rem 0rem 2rem 0rem; }
  /* line 2053, ../sass/core/_styles.scss */
  .layoutMainHeaderMod2 .layoutMainHeaderWrap {
    *zoom: 1; }
    /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */
    .layoutMainHeaderMod2 .layoutMainHeaderWrap:before, .layoutMainHeaderMod2 .layoutMainHeaderWrap:after {
      content: " ";
      display: table; }
    /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */
    .layoutMainHeaderMod2 .layoutMainHeaderWrap:after {
      clear: both; }

/* line 2082, ../sass/core/_styles.scss */
.rowWrap {
  padding: 0px 0px 20px 0px;
  padding: 0rem 0rem 2rem 0rem;
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 2rem 0rem;
  *zoom: 1;
  border-bottom: 1px solid #e6e6e6; }
  /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .rowWrap:before, .rowWrap:after {
    content: " ";
    display: table; }
  /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .rowWrap:after {
    clear: both; }

/* line 2093, ../sass/core/_styles.scss */
.rowWrapMod1 .headingItem {
  font-size: 1.5rem;
  margin: 0px 0px 14px 0px;
  margin: 0rem 0rem 1.4rem 0rem;
  line-height: 0; }
/* line 2099, ../sass/core/_styles.scss */
.rowWrapMod1 a.baseLink:link {
  color: #454545; }
/* line 2102, ../sass/core/_styles.scss */
.rowWrapMod1 a.baseLink:visited {
  color: #454545; }
/* line 2105, ../sass/core/_styles.scss */
.rowWrapMod1 a.baseLink:active {
  color: #454545; }
/* line 2108, ../sass/core/_styles.scss */
.rowWrapMod1 a.baseLink:hover {
  color: #00a0d7;
  border-bottom: 1px solid #00a0d7; }

/* line 2116, ../sass/core/_styles.scss */
.rowWrapMod2 {
  border-top: 1px solid #454545;
  padding: 20px 0px 0px 0px;
  padding: 2rem 0rem 0rem 0rem; }

/* line 2122, ../sass/core/_styles.scss */
.colWrapContentItemMod1 {
  width: 8.5rem; }

/* line 2125, ../sass/core/_styles.scss */
.colWrapContentItemMod2 {
  width: 14rem; }

/* line 2128, ../sass/core/_styles.scss */
.colWrapContentItemMod3 {
  width: 16rem; }

/* line 2131, ../sass/core/_styles.scss */
.colWrapContentItemMod4 {
  width: 100%; }

/* line 2134, ../sass/core/_styles.scss */
.colWrapContent {
  *zoom: 1; }
  /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .colWrapContent:before, .colWrapContent:after {
    content: " ";
    display: table; }
  /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .colWrapContent:after {
    clear: both; }
  /* line 2136, ../sass/core/_styles.scss */
  .colWrapContent .colWrapContentItem {
    float: left;
    text-align: right;
    line-height: 2rem; }
  /* line 2143, ../sass/core/_styles.scss */
  .colWrapContent .colWrapContentItemLabel {
    display: block;
    font-weight: normal; }
  /* line 2147, ../sass/core/_styles.scss */
  .colWrapContent .colWrapContentItemText {
    display: block;
    margin: 0px 0px 0px 0px;
    margin: 0rem 0rem 0rem 0rem; }

/* line 2154, ../sass/core/_styles.scss */
.colWrapContentMod1 .colWrapContentItem {
  width: 17rem;
  text-align: left;
  font-weight: normal;
  margin: 0px 0px 0px 0px;
  margin: 0rem 0rem 0rem 0rem; }
/* line 2160, ../sass/core/_styles.scss */
.colWrapContentMod1 .colWrapContentItemLastCol {
  width: 24rem;
  text-align: left;
  font-weight: normal; }

/* line 2167, ../sass/core/_styles.scss */
.colWrapContentMod2 .colWrapContentItem {
  float: right;
  padding: 0px 0px 0px 15px;
  padding: 0rem 0rem 0rem 1.5rem; }

/* line 2173, ../sass/core/_styles.scss */
.rowContainer {
  margin: 0px 0px 80px 0px;
  margin: 0rem 0rem 8rem 0rem; }

/* line 2176, ../sass/core/_styles.scss */
.rowContainerMod1 {
  border-top: 1px solid #000;
  padding-top: 20px; }

/*
 ##CMS STYLE
*/
/* line 2185, ../sass/core/_styles.scss */
.cmsMainWrap {
  font-size: 1.6rem;
  line-height: 2.5rem;
  position: relative; }
  /* line 2190, ../sass/core/_styles.scss */
  .cmsMainWrap .baseLink em {
    margin: 6px 5px 0px 0px;
    margin: 0.6rem 0.5rem 0rem 0rem; }
  /* line 2195, ../sass/core/_styles.scss */
  .cmsMainWrap p {
    margin: 0px 0px 10px 0px;
    margin: 0rem 0rem 1rem 0rem; }
  /* line 2198, ../sass/core/_styles.scss */
  .cmsMainWrap h1 + h4, .cmsMainWrap h1 + h5 {
    margin: 0px 0px 15px 0px;
    margin: 0rem 0rem 1.5rem 0rem; }
  /* line 2201, ../sass/core/_styles.scss */
  .cmsMainWrap h5 {
    color: #454545;
    margin: 30px 0px 15px 0px;
    margin: 3rem 0rem 1.5rem 0rem; }
  /* line 2206, ../sass/core/_styles.scss */
  .cmsMainWrap h1 {
    font-size: 4rem;
    color: #454545;
    letter-spacing: -0.25rem; }
  /* line 2211, ../sass/core/_styles.scss */
  .cmsMainWrap h3 {
    letter-spacing: -0.15rem; }
  /* line 2214, ../sass/core/_styles.scss */
  .cmsMainWrap h4 {
    color: #454545;
    margin: 30px 0px 15px 0px;
    margin: 3rem 0rem 1.5rem 0rem; }
  /* line 2219, ../sass/core/_styles.scss */
  .cmsMainWrap h2 {
    font-size: 3rem;
    letter-spacing: -0.25rem;
    padding: 0px 0px 20px 0px;
    padding: 0rem 0rem 2rem 0rem; }
    /* line 2224, ../sass/core/_styles.scss */
    .cmsMainWrap h2 i {
      color: #949494;
      text-decoration: none;
      font-style: normal; }
    /* line 2231, ../sass/core/_styles.scss */
    .cmsMainWrap h2 b {
      color: #0095c8; }
    /* line 2235, ../sass/core/_styles.scss */
    .cmsMainWrap h2 u {
      color: #454545;
      text-decoration: none; }
  /* line 2241, ../sass/core/_styles.scss */
  .cmsMainWrap .headingType1 {
    border-bottom: 1px solid #bababa;
    padding: 0px 0px 10px 0px;
    padding: 0rem 0rem 1rem 0rem;
    margin: 0px 0px 40px 0px;
    margin: 0rem 0rem 4rem 0rem; }
    /* line 2245, ../sass/core/_styles.scss */
    .cmsMainWrap .headingType1 p {
      font-size: 1.4rem;
      letter-spacing: 0rem;
      color: #0095c8;
      padding: 0px 0px 0px 0px;
      padding: 0rem 0rem 0rem 0rem;
      margin: 0px 0px 0px 0px;
      margin: 0rem 0rem 0rem 0rem; }
    /* line 2252, ../sass/core/_styles.scss */
    .cmsMainWrap .headingType1 p.date {
      font-size: 1.4rem;
      letter-spacing: 0rem;
      color: #0095c8;
      padding: 5px 0px 0px 0px;
      padding: 0.5rem 0rem 0rem 0rem;
      margin: 0px 0px 0px 0px;
      margin: 0rem 0rem 0rem 0rem; }
  /* line 2260, ../sass/core/_styles.scss */
  .cmsMainWrap .listHeaderType1 {
    border: 3px solid #3b3b3b;
    padding: 20px 20px 20px 20px;
    padding: 2rem 2rem 2rem 2rem;
    margin: 50px 0px 0px 0px;
    margin: 5rem 0rem 0rem 0rem;
    text-transform: uppercase; }
    /* line 2267, ../sass/core/_styles.scss */
    .cmsMainWrap .listHeaderType1 h4 {
      font-size: 1.4rem;
      margin: 0px 0px 0px 0px;
      margin: 0rem 0rem 0rem 0rem; }
  /* line 2272, ../sass/core/_styles.scss */
  .cmsMainWrap .cmsBackLinkWrap {
    left: 0;
    top: -29px;
    position: absolute; }
  /* line 2277, ../sass/core/_styles.scss */
  .cmsMainWrap .cmsBackLinkWrapBottom {
    margin: 20px 0px 0px 0px;
    margin: 2rem 0rem 0rem 0rem; }

/* line 2282, ../sass/core/_styles.scss */
.listType1 {
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 1rem 0rem; }
  /* line 2284, ../sass/core/_styles.scss */
  .listType1 li {
    border-bottom: 1px solid #bababa;
    border-left: 1px solid #bababa;
    border-right: 1px solid #bababa;
    padding: 15px 20px 15px 20px;
    padding: 1.5rem 2rem 1.5rem 2rem;
    display: table;
    width: 100%;
    font-weight: bold;
    font-size: 1.4rem; }
    /* line 2293, ../sass/core/_styles.scss */
    .listType1 li span {
      width: 25px;
      display: table-cell;
      font-size: 1rem;
      line-height: 1rem; }
      /* line 2294, ../sass/core/_styles.scss */
      .listType1 li span b {
        display: inline-block;
        font-size: 1.6rem; }
    /* line 2304, ../sass/core/_styles.scss */
    .listType1 li div {
      margin: 0px 0px 0px 30px;
      margin: 0rem 0rem 0rem 3rem; }

/* line 2311, ../sass/core/_styles.scss */
.listType2 {
  padding-left: 2rem;
  margin-bottom: 2rem; }
  /* line 2315, ../sass/core/_styles.scss */
  .listType2 li:before {
    content: "•";
    font-size: 160%;
    /* or whatever */
    padding: 0px 10px 0px 0px;
    padding: 0rem 1rem 0rem 0rem;
    line-height: 1rem;
    display: inline-block; }
  /* line 2323, ../sass/core/_styles.scss */
  .listType2 li {
    margin: 10px 0px 0px 0px;
    margin: 1rem 0rem 0rem 0rem;
    text-indent: -1rem; }
  /* line 2327, ../sass/core/_styles.scss */
  .listType2 li.listItemMod1 {
    margin: 2px 0px 0px 0px;
    margin: 0.2rem 0rem 0rem 0rem;
    text-indent: -1rem; }

/* line 2333, ../sass/core/_styles.scss */
.listTypeGeneric {
  margin-left: 1.45rem;
  list-style: disc; }
  /* line 2337, ../sass/core/_styles.scss */
  .listTypeGeneric.listTopSpace {
    margin-top: 1rem; }

/* line 2341, ../sass/core/_styles.scss */
.listType3 {
  padding: 0px 0px 0px 20px;
  padding: 0rem 0rem 0rem 2rem;
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 2rem 0rem;
  counter-reset: the-counter; }
  /* line 2344, ../sass/core/_styles.scss */
  .listType3 li {
    margin: 10px 0px 0px 0px;
    margin: 1rem 0rem 0rem 0rem;
    text-indent: -1.9rem; }
  /* line 2350, ../sass/core/_styles.scss */
  .listType3 li:before {
    content: counter(the-counter, decimal) ".";
    counter-increment: the-counter;
    margin-right: 0.6rem;
    font-weight: bold; }

/* line 2360, ../sass/core/_styles.scss */
.listType4 li {
  border-bottom: 1px solid #bababa;
  padding: 11px 0px 12px 0px;
  padding: 1.1rem 0rem 1.2rem 0rem;
  display: table;
  width: 100%;
  font-size: 1.4rem; }
  /* line 2366, ../sass/core/_styles.scss */
  .listType4 li span {
    width: 25px;
    display: table-cell;
    font-size: 1rem;
    line-height: 1rem; }
    /* line 2367, ../sass/core/_styles.scss */
    .listType4 li span b {
      display: inline-block;
      font-size: 1.6rem; }
  /* line 2377, ../sass/core/_styles.scss */
  .listType4 li div {
    margin: 0px 0px 0px 15px;
    margin: 0rem 0rem 0rem 1.5rem; }
/* line 2381, ../sass/core/_styles.scss */
.listType4 li:last-child {
  border-bottom: 0px solid #bababa;
  padding-bottom: 5px;
  margin-bottom: 0; }

/* line 2388, ../sass/core/_styles.scss */
.listType5 {
  padding: 10px 0px 0px 0px;
  padding: 1rem 0rem 0rem 0rem; }
  /* line 2390, ../sass/core/_styles.scss */
  .listType5 li {
    width: 100%;
    *zoom: 1; }
    /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */
    .listType5 li:before, .listType5 li:after {
      content: " ";
      display: table; }
    /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */
    .listType5 li:after {
      clear: both; }
  /* line 2395, ../sass/core/_styles.scss */
  .listType5 li:last-child {
    border-bottom: 1px solid #c7c7c7; }

/* line 2401, ../sass/core/_styles.scss */
.rowItemWrap {
  *zoom: 1;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto; }
  /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .rowItemWrap:before, .rowItemWrap:after {
    content: " ";
    display: table; }
  /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .rowItemWrap:after {
    clear: both; }
  /* line 2408, ../sass/core/_styles.scss */
  .rowItemWrap ul li {
    font-size: 1.4rem;
    margin: 0px 0px 10px 0px;
    margin: 0rem 0rem 1rem 0rem;
    line-height: 2rem; }
  /* line 2415, ../sass/core/_styles.scss */
  .rowItemWrap.fontDefaultSize ul li {
    font-size: 1.6rem; }

/*

### Image component


```
<div class="rowItemWrap rowItemWrapMod1">
                          <div class="compType1">
                            <h3>Cash accounts</h3>
                            <a title="Cach account promo" href="/nextgen/secure/page/productsandnews/article/cashAccountPromo"><img src="http://placehold.it/400x160"></a>
                            <ul class="listWicon">
                              <li>
                                <a title="Cash account product name rates" href="/nextgen/secure/page/productsandnews/article/dummyHtml" class="baseLink"><em class="icondocumentdownload"></em><span>Cash account product name rates</span></a>
                              </li>
                              <li>
                                <a title="Transaction User Guide (PDF 112KB)" href="/nextgen/public/static/pdf/Transaction user guide.pdf " class="baseLink" target="_blank"><em class="icondocumentdownload"></em><span>Transaction User Guide (PDF 112KB)</span></a>
                              </li>
                            </ul>
                          </div><!-- compType1 -->

                          <div class="compType1 compType1Last">
                            <h3>Term deposits</h3>
                            <a title="Term deposit promo adviser" href="/nextgen/secure/page/productsandnews/article/termDepositPromoAdviser"><img src="http://placehold.it/400x160"></a>
                            <ul class="listWicon">
                              <li>
                                <a title="Term deposit rates (CSV)" href="/nextgen/secure/page/productsandnews/termdeposit/csv" class="baseLink"><em class="icondocumentdownload"></em><span>Term deposit rates (CSV)</span></a>
                              </li>
                              <li>
                                <a title="Term Deposit User Guide (PDF 112KB)" href="/nextgen/public/static/pdf/Term deposit user guide.pdf" class="baseLink" target="_blank"><em class="icondocumentdownload"></em><span>Term Deposit User Guide (PDF 112KB)</span></a>
                              </li>
                            </ul>
                          </div><!-- compType1 -->


                        </div>


```

*/
/* line 2462, ../sass/core/_styles.scss */
.rowItemWrapMod1 {
  margin: 30px 0px 0px 0px;
  margin: 3rem 0rem 0rem 0rem;
  padding: 0px 0px 10px 10px;
  padding: 0rem 0rem 1rem 1rem;
  background: url("../images/columnLineBgType1.png") 7px 0 repeat-y transparent; }
  /* line 2467, ../sass/core/_styles.scss */
  .rowItemWrapMod1 .compType1 h3 {
    margin: 0px 0px 23px 0px;
    margin: 0rem 0rem 2.3rem 0rem; }
  /* line 2470, ../sass/core/_styles.scss */
  .rowItemWrapMod1 .compType1 h3 + img {
    margin: 0px 0px 10px 0px;
    margin: 0rem 0rem 1rem 0rem;
    display: block; }
  /* line 2474, ../sass/core/_styles.scss */
  .rowItemWrapMod1 .compType1 h3 + a.baseLinkMod1 {
    margin: 0px 0px 10px 0px;
    margin: 0rem 0rem 1rem 0rem;
    height: 180px; }
    /* line 2477, ../sass/core/_styles.scss */
    .rowItemWrapMod1 .compType1 h3 + a.baseLinkMod1 img {
      margin: 0px 0px 0px 0px;
      margin: 0rem 0rem 0rem 0rem; }
  /* line 2483, ../sass/core/_styles.scss */
  .rowItemWrapMod1 div.compType1:first-child {
    padding: 0 10px 0 0; }

/* line 2488, ../sass/core/_styles.scss */
.rowItemWrapMod2 {
  padding: 0px 0px 0px 0px;
  padding: 0rem 0rem 0rem 0rem; }
  /* line 2491, ../sass/core/_styles.scss */
  .rowItemWrapMod2 .dataSummary, .rowItemWrapMod2 .listContentItem {
    margin: -5px 0px -15px 0px;
    margin: -0.5rem 0rem -1.5rem 0rem; }
    /* line 2494, ../sass/core/_styles.scss */
    .rowItemWrapMod2 .dataSummary .listContentItemHeader, .rowItemWrapMod2 .listContentItem .listContentItemHeader {
      width: 115px;
      margin: 0px 20px 10px 0px;
      margin: 0rem 2rem 1rem 0rem; }
    /* line 2498, ../sass/core/_styles.scss */
    .rowItemWrapMod2 .dataSummary .listContentItemText, .rowItemWrapMod2 .listContentItem .listContentItemText {
      margin: 0px 0px 10px 0px;
      margin: 0rem 0rem 1rem 0rem; }

/* line 2504, ../sass/core/_styles.scss */
.rowItemWrapNews {
  padding: 0px 0px 30px 0px;
  padding: 0rem 0rem 3rem 0rem;
  margin-top: -5px; }
  /* line 2507, ../sass/core/_styles.scss */
  .rowItemWrapNews .compType1 {
    border-right: 1px solid #e6e6e6;
    width: 210px;
    padding: 14px 10px 0px 18px;
    padding: 1.4rem 1rem 0rem 1.8rem; }
    /* line 2511, ../sass/core/_styles.scss */
    .rowItemWrapNews .compType1:first-child {
      padding: 14px 10px 0px 0px;
      padding: 1.4rem 1rem 0rem 0rem; }
    /* line 2514, ../sass/core/_styles.scss */
    .rowItemWrapNews .compType1:last-child {
      padding: 14px 0px 0px 18px;
      padding: 1.4rem 0rem 0rem 1.8rem;
      border-right: none; }

/*
### Two columns layout
####  .rowItemWrapMod2


```
<div class="rowItemWrap rowItemWrapMod2">

<div>
  <h3>Product documents</h3>

  <ul class="listWicon">
      <li>
          <a title="Financial Services Guide (PDF 112KB)" href="/nextgen/public/static/pdf/Financial services guide.pdf" class="baseLink" target="_blank"><em class="icondocumentdownload"></em><span>Financial Services Guide (PDF 112KB)</span></a>
      </li>
      <li>
          <a title="IDPS Investor Guide (PDF 112KB)" href="/nextgen/public/static/pdf/IDPS investor guide.pdf" class="baseLink" target="_blank"><em class="icondocumentdownload"></em><span>IDPS Investor Guide (PDF 112KB)</span></a>
      </li>
      <li>
          <a title="IDPS Additional Information Booklet (PDF 112KB)" href="/nextgen/public/static/pdf/IDPS additional information booklet.pdf" class="baseLink" target="_blank"><em class="icondocumentdownload"></em><span>IDPS Additional Information Booklet (PDF 112KB)</span></a>
      </li>
      <li>
          <a title="Cash MIS Product Disclosure Statement (PDF 112KB)" href="/nextgen/public/static/pdf/Cash MIS product disclosure statement.pdf" class="baseLink" target="_blank"><em class="icondocumentdownload"></em><span>Cash MIS Product Disclosure Statement (PDF 112KB)</span></a>
      </li>
       <li>
          <a title="Cash MIS Additional Information Booklet (PDF 112KB)" href="/nextgen/public/static/pdf/Cash MIS additional information booklet.pdf" class="baseLink" target="_blank"><em class="icondocumentdownload"></em><span>Cash MIS Additional Information Booklet (PDF 112KB)</span></a>
      </li>
  </ul>
</div>
<div>
  <h3>Terms and conditions</h3>
  <ul class="listWicon">
       <li>
          <a title="Westpac term deposit terms and conditions (PDF 112KB)" href="/nextgen/public/static/pdf/Westpac term deposit terms and conditions.pdf" class="baseLink" target="_blank"><em class="icondocumentdownload"></em><span>Westpac term deposit terms and conditions (PDF 112KB)</span></a>
      </li>
      <li>
          <a title="St George term deposit terms and conditions (PDF 112KB)" href="/nextgen/public/static/pdf/St George term deposit terms and condition.pdf" class="baseLink" target="_blank"><em class="icondocumentdownload"></em><span>St George term deposit terms and conditions (PDF 112KB)</span></a>
      </li>
      <li>
          <a title="Bank of SA term deposit terms and conditions (PDF 112KB)" href="/nextgen/public/static/pdf/Bank of  SA term deposit terms and conditions.pdf" class="baseLink" target="_blank"><em class="icondocumentdownload"></em><span>Bank of SA term deposit terms and conditions (PDF 112KB)</span></a>
      </li>
      <li>
          <a title="Bank of Melbourne term deposit terms and conditions (PDF 112KB)" href="/nextgen/public/static/pdf/Bank of Melbourne term deposit terms and conditions.pdf" class="baseLink" target="_blank"><em class="icondocumentdownload"></em><span>Bank of Melbourne term deposit terms and conditions (PDF 112KB)</span></a>
      </li>
  </ul>
</div>

</div>

````

*/
/* line 2574, ../sass/core/_styles.scss */
.rowItemWrapMod2 {
  background: url("../images/columnLineBgType1.png") repeat-y transparent; }
  /* line 2575, ../sass/core/_styles.scss */
  .rowItemWrapMod2 div {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 48.82117%; }
    /* line 54, ../sass/plugins/neat/grid/_span-columns.scss */
    .rowItemWrapMod2 div:last-child {
      margin-right: 0; }
  /* line 2579, ../sass/core/_styles.scss */
  .rowItemWrapMod2 div:last-child {
    padding: 0 0 0 10px; }

/*


### Three columns layout
####  .rowItemWrapMod3

```

<div class="rowItemWrap  rowItemWrapMod3">

                              <div>
                                  <h3>Product documents</h3>

                                  <ul class="listWicon">
                                      <li>
                                          <a title="Financial Services Guide (PDF 112KB)" href="/nextgen/public/static/pdf/Financial services guide.pdf" class="baseLink" target="_blank"><em class="icondocumentdownload"></em><span>Financial Services Guide (PDF 112KB)</span></a>
                                      </li>
                                      <li>
                                          <a title="IDPS Investor Guide (PDF 112KB)" href="/nextgen/public/static/pdf/IDPS investor guide.pdf" class="baseLink" target="_blank"><em class="icondocumentdownload"></em><span>IDPS Investor Guide (PDF 112KB)</span></a>
                                      </li>
                                      <li>
                                          <a title="IDPS Additional Information Booklet (PDF 112KB)" href="/nextgen/public/static/pdf/IDPS additional information booklet.pdf" class="baseLink" target="_blank"><em class="icondocumentdownload"></em><span>IDPS Additional Information Booklet (PDF 112KB)</span></a>
                                      </li>
                                      <li>
                                          <a title="Cash MIS Product Disclosure Statement (PDF 112KB)" href="/nextgen/public/static/pdf/Cash MIS product disclosure statement.pdf" class="baseLink" target="_blank"><em class="icondocumentdownload"></em><span>Cash MIS Product Disclosure Statement (PDF 112KB)</span></a>
                                      </li>
                                       <li>
                                          <a title="Cash MIS Additional Information Booklet (PDF 112KB)" href="/nextgen/public/static/pdf/Cash MIS additional information booklet.pdf" class="baseLink" target="_blank"><em class="icondocumentdownload"></em><span>Cash MIS Additional Information Booklet (PDF 112KB)</span></a>
                                      </li>
                                  </ul>
                              </div>
                              <div>
                                  <h3>Terms and conditions</h3>
                                  <ul class="listWicon">
                                      <li>
                                          <a title="Westpac term deposit terms and conditions (PDF 112KB)" href="/nextgen/public/static/pdf/Westpac term deposit terms and conditions.pdf" class="baseLink" target="_blank"><em class="icondocumentdownload"></em><span>Westpac term deposit terms and conditions (PDF 112KB)</span></a>
                                      </li>
                                      <li>
                                          <a title="St George term deposit terms and conditions (PDF 112KB)" href="/nextgen/public/static/pdf/St George term deposit terms and condition.pdf" class="baseLink" target="_blank"><em class="icondocumentdownload"></em><span>St George term deposit terms and conditions (PDF 112KB)</span></a>
                                      </li>
                                      <li>
                                          <a title="Bank of SA term deposit terms and conditions (PDF 112KB)" href="/nextgen/public/static/pdf/Bank of  SA term deposit terms and conditions.pdf" class="baseLink" target="_blank"><em class="icondocumentdownload"></em><span>Bank of SA term deposit terms and conditions (PDF 112KB)</span></a>
                                      </li>
                                      <li>
                                          <a title="Bank of Melbourne term deposit terms and conditions (PDF 112KB)" href="/nextgen/public/static/pdf/Bank of Melbourne term deposit terms and conditions.pdf" class="baseLink" target="_blank"><em class="icondocumentdownload"></em><span>Bank of Melbourne term deposit terms and conditions (PDF 112KB)</span></a>
                                      </li>
                                  </ul>
                              </div>
                              <div>
                                  <h3>Templates</h3>
                                   <ul class="listWicon">
                                      <li>
                                          <a title="Statement of Advice for Term Deposit (MS Word 12KB)" href="/nextgen/public/static/wordDocument/Statement of advice for term deposit.doc" class="baseLink"><em class="icondocumentdownload"></em><span>Statement of Advice for Term Deposit (MS Word 12KB)</span></a>
                                      </li>
                                      <li>
                                          <a title="Statement of Advice for Cash MIS (MS Word 12KB)" href="/nextgen/public/static/wordDocument/Statement of advice for cash MIS.doc" class="baseLink"><em class="icondocumentdownload"></em><span>Statement of Advice for Cash MIS (MS Word 12KB)</span></a>
                                      </li>
                                      <li>
                                          <a title="Nextgen Statement of Advice Insert (MS Word 12KB)" href="/nextgen/public/static/wordDocument/Nextgen statement of advice insert.doc" class="baseLink"><em class="icondocumentdownload"></em><span>Nextgen Statement of Advice Insert (MS Word 12KB)</span></a>
                                      </li>
                                  </ul>
                              </div>

                          </div>

```


*/
/* line 2655, ../sass/core/_styles.scss */
.rowItemWrapMod3 {
  background: url("../images/columnLineBgType2.png") repeat-y transparent; }
  /* line 2657, ../sass/core/_styles.scss */
  .rowItemWrapMod3 div {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 31.76157%;
    padding: 0px 10px 0px 0px;
    padding: 0rem 1rem 0rem 0rem; }
    /* line 54, ../sass/plugins/neat/grid/_span-columns.scss */
    .rowItemWrapMod3 div:last-child {
      margin-right: 0; }
    /* line 2660, ../sass/core/_styles.scss */
    .rowItemWrapMod3 div h3 {
      font-size: 2.5rem;
      margin-bottom: 13px; }
    /* line 2664, ../sass/core/_styles.scss */
    .rowItemWrapMod3 div a.baseLink {
      font-size: 1.4rem; }
  /* line 2675, ../sass/core/_styles.scss */
  .rowItemWrapMod3 div:nth-child(3) {
    padding: 0 0 0 10px; }
  /* line 2678, ../sass/core/_styles.scss */
  .rowItemWrapMod3 div:nth-child(2) {
    padding: 0 10px 0 15px; }

/* line 2684, ../sass/core/_styles.scss */
.rowItemWrapMod4 {
  border-top: 1px solid #c8c8c8;
  margin: 30px 0px 20px 0px;
  margin: 3rem 0rem 2rem 0rem;
  padding: 20px 0px 0px 0px;
  padding: 2rem 0rem 0rem 0rem; }
  /* line 2688, ../sass/core/_styles.scss */
  .rowItemWrapMod4 div:first-child {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 48.82117%; }
    /* line 54, ../sass/plugins/neat/grid/_span-columns.scss */
    .rowItemWrapMod4 div:first-child:last-child {
      margin-right: 0; }
  /* line 2691, ../sass/core/_styles.scss */
  .rowItemWrapMod4 div:last-child {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 48.82117%;
    text-align: right; }
    /* line 54, ../sass/plugins/neat/grid/_span-columns.scss */
    .rowItemWrapMod4 div:last-child:last-child {
      margin-right: 0; }

/* line 2696, ../sass/core/_styles.scss */
.rowItemWrapMod5 {
  border-bottom: 1px solid #454545;
  padding: 0px 0px 40px 0px;
  padding: 0rem 0rem 4rem 0rem;
  margin: 10px 0px 30px 0px;
  margin: 1rem 0rem 3rem 0rem; }
  /* line 2700, ../sass/core/_styles.scss */
  .rowItemWrapMod5 h3 {
    margin: 0px 0px 30px 0px;
    margin: 0rem 0rem 3rem 0rem; }

/* line 2708, ../sass/core/_styles.scss */
.rowItemWrapMod7 {
  margin: 20px 0px 30px 0px;
  margin: 2rem 0rem 3rem 0rem; }
  /* line 2710, ../sass/core/_styles.scss */
  .rowItemWrapMod7 h3 {
    margin: 0px 0px 25px 0px;
    margin: 0rem 0rem 2.5rem 0rem; }
  /* line 2713, ../sass/core/_styles.scss */
  .rowItemWrapMod7 .titleMod1 {
    margin: 0px 0px 13px 0px;
    margin: 0rem 0rem 1.3rem 0rem; }

/* line 2718, ../sass/core/_styles.scss */
.rowItemWrapMod8 {
  padding: 0px 20px 48px 20px;
  padding: 0rem 2rem 4.8rem 2rem; }
  /* line 2721, ../sass/core/_styles.scss */
  .rowItemWrapMod8 .baseLink em {
    margin: 4px 5px 0px 0px;
    margin: 0.4rem 0.5rem 0rem 0rem; }

/* line 2726, ../sass/core/_styles.scss */
.backButton {
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 1rem 0rem; }

/* line 2730, ../sass/core/_styles.scss */
.backButtonMod1 {
  margin: 20px 0px 10px 0px;
  margin: 2rem 0rem 1rem 0rem; }

/* line 2734, ../sass/core/_styles.scss */
.lineType1 {
  border-top: 1px solid #c8c8c8;
  margin: 40px 0px 10px 0px;
  margin: 4rem 0rem 1rem 0rem;
  padding: 20px 0px 0px 0px;
  padding: 2rem 0rem 0rem 0rem; }

/* line 2739, ../sass/core/_styles.scss */
.compType1 {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 48.82117%;
  margin-right: 0; }
  /* line 54, ../sass/plugins/neat/grid/_span-columns.scss */
  .compType1:last-child {
    margin-right: 0; }
  /* line 2742, ../sass/core/_styles.scss */
  .compType1 h6 {
    color: #e97300;
    margin: 0px 0px 10px 0px;
    margin: 0rem 0rem 1rem 0rem; }
  /* line 2746, ../sass/core/_styles.scss */
  .compType1 h6 + p {
    font-size: 2rem; }

/* line 2750, ../sass/core/_styles.scss */
.compType2 {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 31.76157%; }
  /* line 54, ../sass/plugins/neat/grid/_span-columns.scss */
  .compType2:last-child {
    margin-right: 0; }

/* line 2754, ../sass/core/_styles.scss */
.compType1Last {
  padding: 0 0 0 30px; }

/* line 2759, ../sass/core/_styles.scss */
.compType1Mod1 {
  background: url("../images/columnLineBgType3.png") repeat-y transparent; }

/*
#Carousel styles
*/
/* line 2770, ../sass/core/_styles.scss */
.ui-carousel-wrap {
  width: auto;
  position: relative;
  margin: 0 auto 20px auto; }

/* line 2776, ../sass/core/_styles.scss */
.ui-carousel {
  height: 100px;
  margin: 0;
  overflow: auto;
  padding: 0;
  position: relative;
  /*for ie7 to work e.g in html carousels*/
  width: 880px; }

/* line 2785, ../sass/core/_styles.scss */
.ui-carousel > .wrapper {
  margin: 0;
  padding: 0;
  width: 9999px; }
  /* line 2789, ../sass/core/_styles.scss */
  .ui-carousel > .wrapper .slide > a {
    text-decoration: none !important;
    border: 0 !important;
    display: block !important;
    height: 373px; }

/* line 2797, ../sass/core/_styles.scss */
.ui-carousel > .wrapper > * {
  border: 0;
  display: block;
  float: left;
  height: 100px;
  overflow: hidden;
  width: 100px; }

/* line 2805, ../sass/core/_styles.scss */
.navWrap {
  position: absolute;
  bottom: 24px;
  left: 50%;
  width: 142px;
  margin-left: -72px; }
  /* line 2826, ../sass/core/_styles.scss */
  .navWrap a.navItem {
    text-decoration: none; }
    /* line 2829, ../sass/core/_styles.scss */
    .navWrap a.navItem em {
      font-size: 24px;
      font-size: 2.4rem; }
  /* line 2833, ../sass/core/_styles.scss */
  .navWrap a:link {
    color: #e6e6e6; }
  /* line 2837, ../sass/core/_styles.scss */
  .navWrap a:hover {
    color: #fff; }
  /* line 2840, ../sass/core/_styles.scss */
  .navWrap a:active {
    color: #e6e6e6; }
  /* line 2844, ../sass/core/_styles.scss */
  .navWrap a:visited {
    color: #e6e6e6; }

/* line 2849, ../sass/core/_styles.scss */
.slidesPos {
  position: absolute;
  bottom: 24px;
  left: 50%;
  width: 60px;
  height: 20px;
  margin-left: -30px; }
  /* line 2854, ../sass/core/_styles.scss */
  .slidesPos .iconSetBorder.iconSetBorderHeavy {
    border-color: #e6e6e6;
    width: 16px;
    height: 16px;
    border-width: 4px;
    margin-right: 2px;
    margin-left: 2px; }
  /* line 2863, ../sass/core/_styles.scss */
  .slidesPos .bullet-off .iconSetBorder.iconSetBorderHeavy {
    width: 10px;
    height: 10px;
    vertical-align: top;
    margin: 1px 0px 0px 5px;
    margin: 0.1rem 0rem 0rem 0.5rem;
    border-width: 5px;
    top: 3px; }
  /* line 2872, ../sass/core/_styles.scss */
  .slidesPos a.bullet {
    width: 20px;
    height: 16px;
    display: inline-block; }
  /* line 2879, ../sass/core/_styles.scss */
  .slidesPos a.bullet:link em {
    border-color: #e6e6e6; }
  /* line 2884, ../sass/core/_styles.scss */
  .slidesPos a.bullet:hover em {
    border-color: #fff; }
  /* line 2889, ../sass/core/_styles.scss */
  .slidesPos a.bullet:active em {
    border-color: #e6e6e6; }
  /* line 2894, ../sass/core/_styles.scss */
  .slidesPos a.bullet:visited em {
    border-color: #e6e6e6; }

/* line 2901, ../sass/core/_styles.scss */
.ftueSlider .slidesPos {
  left: 50%; }

/* line 2905, ../sass/core/_styles.scss */
.listWicon {
  padding: 15px 0px 0px 23px;
  padding: 1.5rem 0rem 0rem 2.3rem; }
  /* line 2908, ../sass/core/_styles.scss */
  .listWicon li {
    position: relative; }
  /* line 2911, ../sass/core/_styles.scss */
  .listWicon em {
    position: absolute;
    top: 0px;
    left: -23px;
    margin-top: 0.2rem !important; }

/* line 2919, ../sass/core/_styles.scss */
.listWiconMod1 {
  padding: 0px 0px 0px 23px;
  padding: 0rem 0rem 0rem 2.3rem; }

/*
 ##CMS STYLE    --------END------------
*/
/*
## TDC

*/
/*

```
<div class="headerType1 headerType1Mod1">
    <h2>Compare & open a term deposit</h2>
</div>
```
*/
/* line 2942, ../sass/core/_styles.scss */
.headerType1 {
  border: 3px solid #3b3b3b;
  padding: 20px 20px 20px 20px;
  padding: 2rem 2rem 2rem 2rem;
  margin: 15px 0px 0px 0px;
  margin: 1.5rem 0rem 0rem 0rem;
  text-transform: uppercase; }

/* line 2950, ../sass/core/_styles.scss */
.headerType1Mod1 h2 {
  font-size: 1.4rem;
  margin: 0px 0px 0px 0px;
  margin: 0rem 0rem 0rem 0rem;
  letter-spacing: 0; }

/* line 2956, ../sass/core/_styles.scss */
.sectionHeaderMod1 {
  padding: 20px 0px 10px 0px;
  padding: 2rem 0rem 1rem 0rem; }
  /* line 2962, ../sass/core/_styles.scss */
  .sectionHeaderMod1 + h3 {
    margin-top: -33px;
    margin-bottom: 3px; }

/* line 2967, ../sass/core/_styles.scss */
.sectionWrap {
  padding: 0px 20px 20px 20px;
  padding: 0rem 2rem 2rem 2rem;
  border: 1px solid #c7c7c7;
  border-bottom: none; }

/* line 2975, ../sass/core/_styles.scss */
.asideWrap, .sectionWrapMod1 .emptyWrap {
  float: right;
  width: 354px;
  background-color: #fff;
  border-left: 1px solid #e6e6e6; }

/* line 2981, ../sass/core/_styles.scss */
.sectionWrapMod1 {
  *zoom: 1;
  padding: 0px 0px 0px 0px;
  padding: 0rem 0rem 0rem 0rem;
  border-bottom: 1px solid #c7c7c7; }
  /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .sectionWrapMod1:before, .sectionWrapMod1:after {
    content: " ";
    display: table; }
  /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .sectionWrapMod1:after {
    clear: both; }
  /* line 2985, ../sass/core/_styles.scss */
  .sectionWrapMod1 .emptyWrap {
    border-bottom: 1px solid #c7c7c7;
    height: 4.1rem;
    border-left: none; }
  /* line 2992, ../sass/core/_styles.scss */
  .sectionWrapMod1 .sectionContent {
    float: left; }
  /* line 2996, ../sass/core/_styles.scss */
  .sectionWrapMod1 h3.titleMod1 {
    font-size: 18px;
    font-size: 1.8rem; }

/* line 3001, ../sass/core/_styles.scss */
.sectionWrapMod2 {
  border: none;
  padding: 20px 20px 20px 20px;
  padding: 2rem 2rem 2rem 2rem; }
  /* line 3004, ../sass/core/_styles.scss */
  .sectionWrapMod2 .textMod1 {
    margin: 0px 0px 5px 0px;
    margin: 0rem 0rem 0.5rem 0rem; }
  /* line 3007, ../sass/core/_styles.scss */
  .sectionWrapMod2 .listMod1 {
    margin: 10px 0px 20px 0px;
    margin: 1rem 0rem 2rem 0rem; }
  /* line 3010, ../sass/core/_styles.scss */
  .sectionWrapMod2 .baseLink {
    border-bottom: none; }
    /* line 3012, ../sass/core/_styles.scss */
    .sectionWrapMod2 .baseLink em {
      margin: 0px 5px 0px 0px;
      margin: 0rem 0.5rem 0rem 0rem; }

/* line 3018, ../sass/core/_styles.scss */
.tdCalcClientHeader {
  border-top: 0;
  padding-bottom: 23px; }

/* line 3024, ../sass/core/_styles.scss */
.listMod1 li {
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 1rem 0rem; }

/* line 3029, ../sass/core/_styles.scss */
.asideContent {
  margin: 31.5px 40px 40px 40px;
  margin: 3.15rem 4rem 4rem 4rem; }

/* line 3033, ../sass/core/_styles.scss */
.asideContentMod1 {
  margin-bottom: 0; }

/* line 3037, ../sass/core/_styles.scss */
.currentSelection {
  background-color: #454545;
  color: white;
  font-wight: normal; }
  /* line 3041, ../sass/core/_styles.scss */
  .currentSelection .panelTitle {
    border: 4px solid #454545;
    color: white;
    font-weight: normal; }
    /* line 3045, ../sass/core/_styles.scss */
    .currentSelection .panelTitle em {
      color: #bababa; }
    /* line 3048, ../sass/core/_styles.scss */
    .currentSelection .panelTitle:hover {
      cursor: default;
      background-color: #454545;
      color: #fff!important;
      font-wight: normal;
      border-color: #454545; }
      /* line 3054, ../sass/core/_styles.scss */
      .currentSelection .panelTitle:hover em {
        color: #bababa; }
    /* line 3059, ../sass/core/_styles.scss */
    .currentSelection .panelTitle.bestRate {
      border-color: #454545;
      background-color: #454545; }
      /* line 3067, ../sass/core/_styles.scss */
      .currentSelection .panelTitle.bestRate:hover {
        cursor: default;
        background-color: #454545;
        border-color: #454545; }
        /* line 3072, ../sass/core/_styles.scss */
        .currentSelection .panelTitle.bestRate:hover .isCentred {
          color: #fff!important;
          display: table;
          margin-top: 37%; }
          @media screen and (-webkit-min-device-pixel-ratio: 0) {
            /* line 3072, ../sass/core/_styles.scss */
            .currentSelection .panelTitle.bestRate:hover .isCentred {
              margin-top: 37%; } }
      /* line 3085, ../sass/core/_styles.scss */
      .currentSelection .panelTitle.bestRate .isCentred {
        display: table;
        margin-top: 37%; }
        @media screen and (-webkit-min-device-pixel-ratio: 0) {
          /* line 3085, ../sass/core/_styles.scss */
          .currentSelection .panelTitle.bestRate .isCentred {
            margin-top: 37%; } }

/* TDC --end--*/
/* line 3100, ../sass/core/_styles.scss */
.dailyLimitValue {
  min-width: 13.5rem; }

/* line 3105, ../sass/core/_styles.scss */
.downloadLinkContainerMod1 {
  margin-top: .3rem;
  *zoom: 1; }
  /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .downloadLinkContainerMod1:before, .downloadLinkContainerMod1:after {
    content: " ";
    display: table; }
  /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .downloadLinkContainerMod1:after {
    clear: both; }

/* line 3110, ../sass/core/_styles.scss */
.iconnewColorMod1 {
  color: #6ba33e; }

/* line 3113, ../sass/core/_styles.scss */
.placeholder {
  color: #bababa; }

/* line 3117, ../sass/core/_styles.scss */
.noWrap {
  white-space: nowrap; }

/* line 3120, ../sass/core/_styles.scss */
.focus {
  border: 1px #6ba33e solid !important; }

/* line 3126, ../sass/core/_styles.scss */
.termDepositPopUp h1, .termDepositPopUp h2, .termDepositPopUp h3, .termDepositPopUp h4 {
  padding: 0px 0px 15px 0px;
  padding: 0rem 0rem 1.5rem 0rem; }
/* line 3129, ../sass/core/_styles.scss */
.termDepositPopUp h5, .termDepositPopUp h6 {
  padding: 0px 0px 10px 0px;
  padding: 0rem 0rem 1rem 0rem; }
/* line 3132, ../sass/core/_styles.scss */
.termDepositPopUp .listContentItem {
  padding: 0px 0px 25px 0px;
  padding: 0rem 0rem 2.5rem 0rem; }
/* line 3135, ../sass/core/_styles.scss */
.termDepositPopUp .listContentItemHeader {
  width: 65%;
  font-weight: normal; }
/* line 3140, ../sass/core/_styles.scss */
.termDepositPopUp .listContentItemHeader,
.termDepositPopUp .listContentItemTextItem {
  margin: 0px 10px 5px 0px;
  margin: 0rem 1rem 0.5rem 0rem; }
/* line 3143, ../sass/core/_styles.scss */
.termDepositPopUp .disclaimer {
  padding: 26px 0px 0px 0px;
  padding: 2.6rem 0rem 0rem 0rem; }

/* line 3147, ../sass/core/_styles.scss */
.tdcRadio {
  margin: 0px 20px 0px 1px;
  margin: 0rem 2rem 0rem 0.1rem; }
  /* line 3149, ../sass/core/_styles.scss */
  .tdcRadio label {
    font-weight: bold;
    float: left;
    margin: -1px 0px 0px 5px;
    margin: -0.1rem 0rem 0rem 0.5rem; }
  /* line 3155, ../sass/core/_styles.scss */
  .tdcRadio input[type="radio"] {
    float: left; }

/* line 3159, ../sass/core/_styles.scss */
.baseLinkWrap {
  margin: 0px 0px 5px 0px;
  margin: 0rem 0rem 0.5rem 0rem;
  text-align: left; }

/* line 3163, ../sass/core/_styles.scss */
.jq-maturityInstructionContent h4 {
  padding: 0px 0px 0px 0px;
  padding: 0rem 0rem 0rem 0rem; }

/* line 3167, ../sass/core/_styles.scss */
.jq-makeWithdrawForm .baseLink {
  font-size: 1.6rem; }
  /* line 3169, ../sass/core/_styles.scss */
  .jq-makeWithdrawForm .baseLink .iconLinkLabelMod1 {
    margin: -6px 0px 0px 5px;
    margin: -0.6rem 0rem 0rem 0.5rem; }
/* line 3173, ../sass/core/_styles.scss */
.jq-makeWithdrawForm .setTopGutter {
  margin-top: 15px; }

/*cloak to hide content while page loads*/
/* line 3180, ../sass/core/_styles.scss */
.jq-cloak,
.jq-tabContent {
  display: none; }

/* line 3184, ../sass/core/_styles.scss */
.disclaimer {
  font-size: 12px;
  margin: 40px 0px 0px 0px;
  margin: 4rem 0rem 0rem 0rem; }
  /* line 3187, ../sass/core/_styles.scss */
  .disclaimer .disclaimerMarginTopOn {
    margin: 15px 0px 0px 0px;
    margin: 1.5rem 0rem 0rem 0rem; }

/* line 3192, ../sass/core/_styles.scss */
.modalDisclaimer {
  font-size: 12px;
  margin: 0px 0px 0px 0px;
  margin: 0rem 0rem 0rem 0rem; }
  /* line 3195, ../sass/core/_styles.scss */
  .modalDisclaimer .disclaimerMarginTopOn {
    margin: 15px 0px 0px 0px;
    margin: 1.5rem 0rem 0rem 0rem; }

/* line 3200, ../sass/core/_styles.scss */
.emuHeaderWrap {
  background-color: #d1ecf5;
  min-height: 80px;
  *zoom: 1; }
  /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .emuHeaderWrap:before, .emuHeaderWrap:after {
    content: " ";
    display: table; }
  /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .emuHeaderWrap:after {
    clear: both; }
  /* line 3205, ../sass/core/_styles.scss */
  .emuHeaderWrap a.iconSetBorder {
    border-color: #055a77; }
  /* line 3208, ../sass/core/_styles.scss */
  .emuHeaderWrap a.iconSetBorder:link {
    color: #055a77; }
  /* line 3212, ../sass/core/_styles.scss */
  .emuHeaderWrap a.iconSetBorder:hover {
    color: #0095c8;
    border-color: #0095c8; }
    /* line 3215, ../sass/core/_styles.scss */
    .emuHeaderWrap a.iconSetBorder:hover .iconarrowfulldown {
      color: #0095c8; }
  /* line 3219, ../sass/core/_styles.scss */
  .emuHeaderWrap a.iconSetBorder:visited {
    color: #055a77; }
  /* line 3223, ../sass/core/_styles.scss */
  .emuHeaderWrap a.iconSetBorder:active {
    color: #055a77; }
  /* line 3227, ../sass/core/_styles.scss */
  .emuHeaderWrap a.iconSetBorder.active {
    border-color: #055a77;
    border-width: 4px; }
    /* line 3231, ../sass/core/_styles.scss */
    .emuHeaderWrap a.iconSetBorder.active .iconindividual {
      color: #055a77; }
    /* line 3234, ../sass/core/_styles.scss */
    .emuHeaderWrap a.iconSetBorder.active .iconarrowfulldown {
      color: #055a77; }

/* line 3240, ../sass/core/_styles.scss */
.contentDialog.contentDialogMod2 {
  width: 20rem !important;
  left: -80px !important;
  padding: 0;
  top: 65px; }

/* line 3248, ../sass/core/_styles.scss */
.expandArrow.expandArrowMod4 {
  background: url("../images/icon-sprite.png") no-repeat -182px -491px;
  left: 46%;
  top: -0.9rem;
  width: 20px;
  height: 13px; }

/* line 3256, ../sass/core/_styles.scss */
.expandArrow.expandArrowMod6 {
  background: url("../images/icon-sprite.png") no-repeat -11px -580px;
  left: 46%;
  top: -0.9rem;
  width: 20px;
  height: 13px; }

/* line 3264, ../sass/core/_styles.scss */
.emuHeaderItem {
  margin: 20px 20px 20px 20px;
  margin: 2rem 2rem 2rem 2rem;
  float: left; }

/* line 3268, ../sass/core/_styles.scss */
.emuHeaderItemLast {
  margin: 20px 20px 20px 0px;
  margin: 2rem 2rem 2rem 0rem; }

/* line 3272, ../sass/core/_styles.scss */
.emuHeaderItemFirst {
  position: relative; }

/* line 3275, ../sass/core/_styles.scss */
.emuHeaderItemText {
  color: #055a77; }
  /* line 3278, ../sass/core/_styles.scss */
  .emuHeaderItemText li > span {
    color: #07a0da; }
  /* line 3281, ../sass/core/_styles.scss */
  .emuHeaderItemText .large {
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold; }
  /* line 3286, ../sass/core/_styles.scss */
  .emuHeaderItemText .small {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold; }

/* line 3293, ../sass/core/_styles.scss */
.formBlockContainerMod5 {
  *zoom: 1;
  margin: 20px 0px 20px 0px;
  margin: 2rem 0rem 2rem 0rem; }
  /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .formBlockContainerMod5:before, .formBlockContainerMod5:after {
    content: " ";
    display: table; }
  /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .formBlockContainerMod5:after {
    clear: both; }

/* line 3298, ../sass/core/_styles.scss */
.formBlockContainerMod6 {
  *zoom: 1;
  margin: -2px 0px 20px 0px;
  margin: -0.2rem 0rem 2rem 0rem; }
  /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .formBlockContainerMod6:before, .formBlockContainerMod6:after {
    content: " ";
    display: table; }
  /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .formBlockContainerMod6:after {
    clear: both; }

/* line 3304, ../sass/core/_styles.scss */
.formBlockContainer .formBlockMod5 {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  margin: 20px 20px 20px 10px;
  margin: 2rem 2rem 2rem 1rem; }
/* line 3310, ../sass/core/_styles.scss */
.formBlockContainer .formBlockMod6 {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  margin: 20px 20px 20px 10px;
  margin: 2rem 2rem 2rem 1rem; }
/* line 3316, ../sass/core/_styles.scss */
.formBlockContainer .formBlockMod3 {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1; }

/* line 3323, ../sass/core/_styles.scss */
.statusWrap {
  width: 160px; }
  /* line 3325, ../sass/core/_styles.scss */
  .statusWrap em {
    display: inline-block;
    vertical-align: top; }
  /* line 3329, ../sass/core/_styles.scss */
  .statusWrap label {
    display: inline-block;
    width: 90px; }

/* line 3334, ../sass/core/_styles.scss */
.clientSearchResult .dataTableRow:last-child {
  border-bottom: none; }

/* line 3337, ../sass/core/_styles.scss */
.nameWrap {
  width: 180px; }

/* line 3342, ../sass/core/_styles.scss */
h3.nameHeader {
  font-size: 14px;
  font-size: 1.4rem; }

/* line 3345, ../sass/core/_styles.scss */
.dgWrap {
  width: 135px; }

/* line 3348, ../sass/core/_styles.scss */
.cdWrap {
  width: 220px; }

/* line 3351, ../sass/core/_styles.scss */
.loWrap {
  width: 140px; }

/* line 3354, ../sass/core/_styles.scss */
.emWrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 190px;
  max-width: 19rem; }

/* line 3357, ../sass/core/_styles.scss */
.statusWrap label {
  margin: 0px 0px 0px 10px;
  margin: 0rem 0rem 0rem 1rem; }

/* line 3361, ../sass/core/_styles.scss */
.tableHeaderMod6 .dataTableHeader {
  padding: 12px 10px 12px 0px;
  padding: 1.2rem 1rem 1.2rem 0rem; }

/* line 3364, ../sass/core/_styles.scss */
.tableHeaderMod6 .dataTableHeaderFirst {
  padding-left: 20px; }

/* line 3368, ../sass/core/_styles.scss */
.tableHeaderMod7 .dataTableHeaderFirst {
  width: 30px; }
/* line 3371, ../sass/core/_styles.scss */
.tableHeaderMod7 .dataDateCell {
  width: 89px; }
/* line 3374, ../sass/core/_styles.scss */
.tableHeaderMod7 .dataIconCellExtend {
  width: 60px; }
/* line 3377, ../sass/core/_styles.scss */
.tableHeaderMod7 .dataTableCellHeaderDetails {
  width: 357px; }

/* line 3381, ../sass/core/_styles.scss */
.pageHeaderItem {
  font-size: 35px;
  font-size: 3.5rem;
  padding-bottom: 20px; }

/* line 3386, ../sass/core/_styles.scss */
.toggleMenuLineMod3 {
  *zoom: 1;
  margin-bottom: 25px; }
  /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .toggleMenuLineMod3:before, .toggleMenuLineMod3:after {
    content: " ";
    display: table; }
  /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .toggleMenuLineMod3:after {
    clear: both; }
  /* line 3389, ../sass/core/_styles.scss */
  .toggleMenuLineMod3 .toggleMenuLineItem .textLink {
    padding-bottom: 15px; }

/* line 3394, ../sass/core/_styles.scss */
.pageHeaderItem.mainHeaderItemMod2 {
  padding-bottom: 0; }

/* line 3398, ../sass/core/_styles.scss */
.toggleMenuLine.toggleMenuLineMod3 {
  padding-bottom: 0; }

/* line 3402, ../sass/core/_styles.scss */
.accountDefText {
  padding-top: 5px;
  font-size: 12px;
  font-size: 1.2rem; }

/* line 3406, ../sass/core/_styles.scss */
.accontSelectContainerMod1 {
  *zoom: 1;
  padding: 0px 10px 0px 10px;
  padding: 0rem 1rem 0rem 1rem; }
  /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .accontSelectContainerMod1:before, .accontSelectContainerMod1:after {
    content: " ";
    display: table; }
  /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */
  .accontSelectContainerMod1:after {
    clear: both; }

/* line 3412, ../sass/core/_styles.scss */
.baseLinkMod3 em {
  padding-left: 5px;
  margin-top: 2px; }

/* line 3420, ../sass/core/_styles.scss */
.accountDefTextItem {
  width: 145px;
  text-align: right;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 3px 0px 3px 0px;
  margin: 0.3rem 0rem 0.3rem 0rem; }

/* line 3426, ../sass/core/_styles.scss */
.accountDefTitleItem {
  width: 145px;
  font-size: 14px;
  font-size: 1.4rem; }

/* line 3430, ../sass/core/_styles.scss */
.topMenuItem.noLeftBorder {
  border-left: none!important; }

/* line 3435, ../sass/core/_styles.scss */
ul.listTypeNews li {
  padding: 0px 0px 12px 0px;
  padding: 0rem 0rem 1.2rem 0rem; }
  /* line 3437, ../sass/core/_styles.scss */
  ul.listTypeNews li div {
    margin: 0px 0px 0px 16px;
    margin: 0rem 0rem 0rem 1.6rem; }

/* line 3442, ../sass/core/_styles.scss */
.HeadingTypeMod1 {
  border-bottom: 1px solid #bababa;
  padding: 0px 0px 10px 0px;
  padding: 0rem 0rem 1rem 0rem;
  margin: 0px 0px 40px 0px;
  margin: 0rem 0rem 4rem 0rem; }

/* line 3447, ../sass/core/_styles.scss */
.setBottomBorder {
  padding: 0px 0px 40px 0px;
  padding: 0rem 0rem 4rem 0rem;
  border-bottom: 1px #bababa solid;
  font-size: 1.6rem;
  line-height: 2.5rem; }

/**Inner List container for accordion expanded view**/
/* line 3456, ../sass/core/_styles.scss */
.innerListContainer .innerList {
  margin: 20px 20px 10px 20px;
  margin: 2rem 2rem 1rem 2rem; }
  /* line 3459, ../sass/core/_styles.scss */
  .innerListContainer .innerList li {
    border-top: 1px solid #c7c7c7;
    padding: 20px 0px 20px 0px;
    padding: 2rem 0rem 2rem 0rem; }
    /* line 3464, ../sass/core/_styles.scss */
    .innerListContainer .innerList li .innerListItemContent span:first-child {
      width: 306px;
      width: 30.6rem;
      padding: 0px 0px 0px 4px;
      padding: 0rem 0rem 0rem 0.4rem; }
    /* line 3469, ../sass/core/_styles.scss */
    .innerListContainer .innerList li .innerListItemContent:hover {
      cursor: default; }
    /* line 3474, ../sass/core/_styles.scss */
    .innerListContainer .innerList li:first-child {
      padding: 10px 0px 10px 0px;
      padding: 1rem 0rem 1rem 0rem; }
    /* line 3477, ../sass/core/_styles.scss */
    .innerListContainer .innerList li:last-child {
      border-bottom: none; }

/* line 3484, ../sass/core/_styles.scss */
.bottomNavigation {
  padding: 10px 0px 0px 0px;
  padding: 1rem 0rem 0rem 0rem; }

/** Help content tooltip style definitions **/
/* line 3492, ../sass/core/_styles.scss */
.permissionsHelpContentWrapper .helpBubble {
  position: absolute;
  top: -29rem;
  left: -10.5rem; }
  /* line 3496, ../sass/core/_styles.scss */
  .permissionsHelpContentWrapper .helpBubble .helpContentArrow {
    background: url("../images/icon-sprite.png") no-repeat -50px -583px;
    -webkit-transform: rotate(-225deg);
    -moz-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    -o-transform: rotate(-225deg);
    transform: rotate(-225deg);
    position: absolute;
    top: 27.9rem;
    left: 18.3rem; }
/* line 3505, ../sass/core/_styles.scss */
.permissionsHelpContentWrapper .helpBubbleMod1 {
  position: absolute;
  top: -17.8rem;
  left: -10.4rem; }

/*##Resets Print CSS
 
 Function like a reset for print

*/
/* line 19, ../sass/print.scss */
body {
  margin: 0;
  padding: 0;
  line-height: 1.4em;
  word-spacing: 1px;
  letter-spacing: 0.2px;
  font: 13px Arial, Helvetica,"Lucida Grande", serif;
  color: #000;
  background: #fff;
  width: 100%;
  margin: 0;
  float: none; }

/* ##Remove Items 

	.noPrint is a class whcih can be applied to elements which we wantto hide when printing

*/
/* line 42, ../sass/print.scss */
.noPrint, .thirdNavWrapper,
.toolContainer,
.headerContainer,
.sideContent,
#footer {
  display: none; }

/* Titles 
----------------------------------------------*/
/* line 59, ../sass/print.scss */
h1 {
  margin: 10px 0 10px 0; }

/* line 63, ../sass/print.scss */
h2 {
  margin: 10px 0 10px 0; }

/* Show URL 
----------------------------------------------*/
/* line 75, ../sass/print.scss */
a:link, a:visited {
  background: transparent;
  color: #333;
  text-decoration: none; }

/* line 81, ../sass/print.scss */
a:link[href^="http://"]:after,
a[href^="http://"]:visited:after {
  content: " (" attr(href) ") ";
  font-size: 11px; }

/* line 85, ../sass/print.scss */
a[href^="http://"] {
  color: #000; }

/* Formatting
----------------------------------------------*/
/* line 91, ../sass/print.scss */
.contentTitle {
  text-align: center; }

/* line 94, ../sass/print.scss */
.contentOutputLabel {
  width: 30%;
  width: 160px\9;
  margin: 10px 0 10px 0; }

/* line 105, ../sass/print.scss */
.contentOutput {
  width: 70%;
  width: 300px\9;
  margin: 10px 0 10px 0; }

/* line 115, ../sass/print.scss */
.contentOutputLabel2 {
  float: none;
  width: 30%;
  width: 160px\9;
  margin: 10px 0 10px 0; }

/* line 124, ../sass/print.scss */
.contentOutput2 {
  float: none;
  width: 70%;
  width: 240px\9;
  margin: 10px 0 10px 0; }

/* line 133, ../sass/print.scss */
.multiplePanelContent {
  float: left;
  width: 47% !important;
  margin: 0px 40px 0px 0px;
  margin: 0rem 4rem 0rem 0rem; }

/* line 139, ../sass/print.scss */
.contentBlockContainer {
  margin: 15px 0px 15px 0px;
  margin: 1.5rem 0rem 1.5rem 0rem; }