/*
	CBA CSS DEFINIITIONS
	===================================
	Born:		10/04/07
	Last Edit:	08/10/07
	
	CONTENTS
	========
	This stylesheet provides a list of classes and/or id's which are used throughout the site globally, 
	and are not particularly specific to any one page.
*/

/*import ie5 stylesheet*/

@media tty {
 i{content:"\";/*" "*/}} @import 'ie5.css'; /*";}
}/* */


/* The Body & Overall Shell
=========================================== */

body, html {
	margin:0px;
	padding:0px;
}

body {
	background:url("../images/css/pages_body_grad.gif") top repeat-x;
	font:62.5%;
	text-align:center;
}

#bodyContent {
	margin:12px 5px 0px 5px;
}

#internalContent {
	float:left;
	width:564px;
	margin:0px 6px 0px 16px;
	padding:0px 0px 60px 0px;
}

#internalContentWide {
	float:left;
	width:780px;
	margin:0px 6px 0px 16px;
	padding:0px 0px 0px 0px;
}

#internalContentPopup {
	width: 600px;
}

/* this wrapper is relative, so that the '#didYouKnowModule in innerpage.css can refer to it as it's parent' */
#wrapEntireBody {
	margin:0 auto;
	width:998px;
	text-align:left;
	background-color:#FFFFFF;
	position:relative !important;
	padding:0px 0px 0px 0px;
}

/* this wrapper is for pop-up pages where only minimal body contect (logo and user functions) are required */
#wrapPopupBody {
	margin:0 auto;
	width:600px;
	text-align:left;
	background-color:#FFFFFF;
	position:relative;
	background:url("../images/css/popupBG.jpg") bottom no-repeat;
}

.contentTitle {
	background:url("../images/css/yellowLine.gif") bottom left no-repeat;
	padding:0px 0px 3px 0px;
	margin:0px 0px 10px 0px;
}

.selectCC {
      width:100px;
      font-family:Verdana;
      font-size:11px;
}

/* The Header & Main Navigation
=========================================== */

/* The div that contains the entire header module */
#headerContain {
	padding:0px 5px 0px 5px;
	margin:0px 0px 0px 0px;
}

/* The div that contains the entire header module */
#logoContainer {	
	width:272px;
	height:62px;
	padding:7px 0px 0px 10px;
}

/* The following declarations define the tabs used in the main navigation which is global accross the site */
#mainNavigation {
	margin:13px 0px 0px 0px;
	position:relative;
}

#mainNavigation ul {
	margin:0;
	padding:0px 0px 0px 0px;
	list-style:none;
}

#mainNavigation li {
	font-size:1.20em;
	float:left;
	background:url("../images/css/mainNav_left.gif") no-repeat left top #ffcc00;
	margin:0px 1px 0px 0px;
	padding:0px 0px 0px 6px;
}

#mainNavigation a {
	float:left;
	display:block;
	background:url("../images/css/mainNav_right.gif") no-repeat right top #ffcc00;
	padding:3px 15px 2px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#mainNavigation a {float:none;}
/* End IE5-Mac hack */

#mainNavigation a:hover {
	text-decoration:underline;
}

#mainNavigation #activeNav {
	background:url("../images/css/mainNav_left_on.gif") no-repeat left top;
	font-size:1.4em;
	background-color:#525252;
}

#mainNavigation #activeNav a {
	background:url("../images/css/mainNav_right_on.gif") no-repeat right top;
	color:#ffffff;
	background-color:#525252;
	padding:2px 15px 0px 6px;
}

/* The following declarations define the SUB navigation used underneath the main nav */
#subNavigation {
	background:url("../images/css/subNav_bg.gif") no-repeat #525252;
	width:989px;
}

#subNavigationBusinessUnit {
	background:url("../images/css/subNav_bgUnit.gif") no-repeat #525252;
	width:989px;
}

#subNavigation ul, #subNavigationBusinessUnit ul {
	padding:6px 0px 0px 4px;
	margin:0;
	list-style:none;
}

#subNavigation li, #subNavigationBusinessUnit li {
	font-size:1.10em;
	float:left;
	color:#FFFFFF;
	padding:0px 8px 0px 8px;
	border-right:1px solid #898989;
}

#subNavigation li a, #subNavigationBusinessUnit li a {
	color:#FFFFFF;
	text-decoration:none;
}

#subNavigation li a.activeSubnav, #subNavigationBusinessUnit li a.activeSubnav {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

#subNavigation li a:hover, #subNavigationBusinessUnit li a:hover {
	text-decoration:underline;
}

#subNavigationBottom {
	background:url("../images/css/subNav_bottom.gif") no-repeat;
	width:989px;
	height:5px;
	overflow:hidden;
	display:block;
}

#subNavigationBusinessUnitBottom {
	background:url("../images/css/subNav_bottom_Unit.gif") no-repeat;
	width:989px;
	height:20px;
	overflow:hidden;
	display:block;
}

#breadCrumbNav {
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:1.1em;
	color:#888888 !important;
}

#breadCrumbNav, #breadCrumbNav a {
	color:#bbbbbb;
	text-decoration:none;
}

#breadCrumbNav a:hover  {
	text-decoration:underline;
}

/* User Controls & Login Module
=========================================== */

#userFunctionsContainer {
	position:absolute;
	top:0px;
	right:4px;
}

#userFunctionsContainerPopup {
	position:absolute;
	top:22px;
	right:0px;
}

/* Links at the top right which contain user functions and site links */
#userFunctionsLinks {
	float:left;
	width:400px;
	text-align:right;
	margin:10px 15px 0px 0px;
	font-size:1.1em;
}

#userControlLinks img {
	margin:0px 0px 0px 4px;
}

#userFunctionsLinks p {
	margin:0px 0px 4px 0px;
	padding:0px;
	color:#999999;
}

#userFunctionsLinks span {
	color:#ffcc00;
}

#userFunctionsLinks ul {
	list-style:none;
	margin:0px 0px 4px 0px;
	padding:0px;
}

#userFunctionsLinks li {
	display:inline;
	padding:0px 8px 0px 8px;
	border-right:1px solid #ffcc00;
}

#userFunctionsLinks li a {
	color:#000000;
	text-decoration:none;
}

#userFunctionsLinks li a:hover {
	text-decoration:underline;
}

#userFunctionsLinks a {
	color:#999999;
	text-decoration:none;
}

#userFunctionsLinks a:hover{
	text-decoration:underline;
}

/* Login and search modules, also on the top right of page */
#userLoginContainer {
	float:left;
	width:250px;
	text-align:right;
}

#userLogin {
	width:246px;
	padding:0px 0px 0px 2px;
	background:#525252 url("../images/css/userFunctionsLogin_bg.gif") bottom no-repeat;
	min-height:60px;
	height:auto !important;
	height:60px;
	position:relative;
}

#userLogin a { color:#ffffff; }

/* tables inside user login (with javascript) */
#userLogin table.tableWithJava {
	width:100%;
	padding:0px;
	margin:2px 0px 0px 0px;
}

#userLogin table.tableWithJava td {
	padding:3px 1px 2px 0px;
	text-align:left;
	vertical-align:middle;
}

#userLogin table.tableWithJava td.netGuardImg {
	padding:1px 3px 2px 1px;
	text-align:right;
	vertical-align:middle;
}

#userLogin table.tableWithJava td.logonButtonCell {
	width:78px;
}

/* NO JAVASCRIPT module */

#userNoScriptInfo {
	top:0;
	right:0;
	padding:2px;
	text-align:left;
	height:14px;
	color:#ffffff;
	background:url("../images/css/userLogin_noJavaBG.gif") repeat-x;
}

.noScriptButtons {
	margin-bottom:2px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background:url("../images/css/userLogin_noJavaBGbuttons.gif") top left repeat-x;
}

.noScriptButtons h2 {
	margin:0px 0px 0px 2px;
	padding:0px;
	color:#ffffff;
	font-weight:bold;
	font-size:1.3em;
}

.noScriptButtons table { 
	width:auto; 
	padding:0px; 
	margin:0px;
}

.noScriptButtons td { 
	text-align:left; 
	vertical-align:middle; 
	margin:0px;
	width:auto;
}

.noScriptButtons td#TDnetbank { padding:0px 0px 0px 1px; }
.noScriptButtons td#TDcommsec { padding:0px 0px 0px 6px; }
.noScriptButtons td#TDcommbiz { padding:0px 0px 0px 6px; }


/* Search form */
#userSearch {
	text-align:right;
}

#userSearch table {
	width:auto;
	margin:10px 0px 0px 0px;
	padding:0px;
	text-align:left;
}

#userSearch td {
	vertical-align:middle;
	padding:0px 0px 0px 4px;
}

#userSearch input.userSearchField,
#searchResultsField input.userSearchField {
	border:1px solid #7f9db9;
	width:130px;
	color: #000000;
	font-family:Verdana;
    font-size:1.1em;
}

#userSearch .userSearchButton {
	padding:0px 0px 0px 0px;
	margin:0px;
	border:none;
}

/* Left Hand Side & Navigation
=========================================== */

#secondaryNavContainer {
	float:left;
	width: 180px;
	margin:4px 0px 0px 0px;
	padding:0px; 
}

#secondaryNavExtras {
	margin:0px 0px 0px 0px;
	padding:0px;
}

#secondaryNavLinks {
	margin:0px;
	padding:0px 0px 2px 0px;
	background:#ebebeb url("../images/css/li_itemLast.gif") bottom no-repeat;
}

#secondaryNavLinks ul {
	list-style-type: none; 
	margin: 0px;
	overflow:hidden;
	border:none;
	padding: 0px;
}

#secondaryNavLinks li {
	background: url("../images/css/navArrowOrange.gif") no-repeat;
	border-top:1px solid #ffffff;
	background-position: 12px 6px;
	font-size:1.1em;
	padding: 2px 8px 2px 21px;
	margin:0px;
	display:block;
}

/* nested sub sub navigation */
#secondaryNavLinks li.secondarySubItem {
	border:none;
	display:block;
	padding: 2px 0px 2px 32px;
	background-position: 22px 6px !important;
	background-color:#f9f9f9;
	margin:0px 0px 0px 0px;
	border-top:1px solid #ffffff;
}

#secondaryNavLinks li.secondarySubItemHighlight {
	border:none;
	display:block;
	padding: 2px 0px 2px 32px;
	background-position: 22px 6px !important;
	background-color:#333333;
	margin:0px 0px 0px 0px;
}

#secondaryNavLinks li.secondarySubItemCurrent {
	background:#f9f9f9 url("../images/css/navArrowOrange.gif") no-repeat;
	border-top:1px solid #ffffff;
	background-position: 12px 6px;
}


/* nested sub sub navigation */

/* this class is used for the ACTIVE link (i.e. the page you are on) */
#secondaryNavLinks li.leftNavOn, #secondaryNavLinks li.leftNavOnSecondary {
	background: url("../images/css/navArrowOrange.gif") no-repeat #333333;
	border-bottom:1px solid #ffffff;
	background-position: 12px 6px;
	padding: 2px 0px 2px 21px;
	margin:0px;
	display:block;
	color:#ffffff;
	font-weight:bold;
}

#secondaryNavLinks li.leftNavOnSecondary {
	background-position: 22px 6px;
	padding: 2px 0px 2px 32px;	
}

#secondaryNavLinks li a { 
	display:block;
	text-decoration: none; 
	color: #333333;
}

#secondaryNavLinks li.secondarySubItemHighlight a { 
	display:block;
	text-decoration: none; 
	color: #ffffff;
}
	
#secondaryNavLinks li.leftNavOn a, #secondaryNavLinks li.leftNavOnSecondary a { 
	text-decoration: none; 
	color: #ffffff;
}

#secondaryNavLinks li a:hover {
	display:block;
	text-decoration:underline;
}

.btn_applyNow, .btn_logOn {
	font-size: 1.2em;
	background-image: url("../images/css/applyNow.gif");
	background-repeat: no-repeat; 
	background-position: 10px 2px;
	padding: 2px 0px 5px 40px;
}

.btn_logOn {
	background-image: url("../images/css/logOn.gif");
	background-position: 10px 4px;
	padding-top:4px;
}

.btn_callCard {
	font-size: 1.2em;
	background-image: url("../images/css/callCard.gif");
	background-repeat: no-repeat; 
	background-position: 10px 2px; 
	padding: 2px 0px 5px 40px;
	font-weight: bold;
	text-decoration: none; 
	color: #333333;
}

.btn_newsletter {
	font-size: 1.2em;
	background-image: url("../images/personal/home_loan_newsletter_icon.gif");
	background-repeat: no-repeat; 
	background-position: 10px 2px;
	padding: 2px 0px 5px 40px;
}

.btn_SwitchArrow {
	font-size: 1.2em;
	background-image: url("../images/css/icon_switch.gif");
	background-repeat: no-repeat; 
	background-position: 10px 2px;
	padding: 2px 0px 5px 40px;
}

.btn_subscribe {
	font-size: 1.2em;
	background-image: url("../images/css/subscribe-icon.gif");
	background-repeat: no-repeat; 
	background-position: 10px 2px;
	padding: 2px 0px 5px 40px;
}

.btn_applyNow a, .btn_logOn a, .btn_newsletter a, .btn_SwitchArrow a, .btn_subscribe a  { 
	font-weight: bold;
	text-decoration: none; 
	color: #333333;
}

.btn_applyNow a:hover, .btn_logOn a:hover, .btn_newsletter a:hover, .btn_SwitchArrow a:hover, .btn_subscribe a:hover {
	text-decoration:underline;
}

/* Right Hand Side Tiles
=========================================== */

#rhsTilesContainer {
	float:left;
	width:220px;
	position:relative;
	margin:4px 0px 0px 2px;
	line-height:1.5em;
	padding-bottom:280px; /* keep the rhs module from coliding with didYouKnow */
}

.rhsTiles {
	background:url("../images/css/rhsTiles_bgBottom.gif") bottom no-repeat #eeeeee;
	position:relative;
	margin:0px 0px 10px 0px;
}

.rhsTilesImage {
	position:absolute;
	top:0;
	right:0;
}

.rhsTileLinks {
	padding:0px 55px 12px 12px;
	word-wrap: break-word;
	min-height:75px;
	height:auto !important;
	height:75px;	
}

#rhsTilesContainer ul {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
}

#rhsTilesContainer li {
	font-size:1.1em;
	display:block;
	border-bottom:1px solid #eeeeee;
	background: url("../images/css/navArrowOrange.gif") no-repeat;
	background-position: 2px 5px;
	padding: 0px 0px 0px 13px;
	margin:0px;
}

/* this class is used for the ACTIVE link (i.e. the page you are on) */
#rhsTilesContainer li#rhsNoLink {
	color:#000000;
	border-bottom:1px solid #eeeeee;
	background: url("../images/css/navArrowGrey.gif") no-repeat;
	background-position: 2px 5px;
	padding: 1px 0px 1px 13px;
	margin:0px;
}

#rhsTilesContainer li a { 
	display:block;
	text-decoration: none; 
	color: #333333;
}
	
#rhsTilesContainer li.rhsNoLink a { 
	text-decoration: none; 
	color: #ffffff;
}

#rhsTilesContainer li a:hover,
#rhsTilesContainer li a:focus,
#rhsTilesContainer li a:active {
      display:block;
      text-decoration:underline;
}



/* Tertiary Bar Navigation
=========================================== */

#tertiaryNav {
	background:url("../images/css/terNav_bg.gif") no-repeat #737373;
	width: 559px;
	margin:10px 0px 0px 0px;
	text-align:left;
}

#tertiaryNav ul {
	padding:6px 0px 3px 10px;
	margin:0px;
	list-style:none;
}

#tertiaryNav li {
	font-size:1.1em;
	display:inline;
	color:#FFFFFF;
	padding:0px 8px 0px 8px;
	border-right:1px solid #898989;
	font-weight:bold;
}

#tertiaryNav li a {
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
}

#tertiaryNav li a:hover {
	text-decoration:underline;
}

#tertiaryNavBottom {
	background:url("../images/css/terNav_bottom.gif") no-repeat;
	width:559px;
	height:6px;
	overflow:hidden;
	display:block;
	margin:0px 0px 0px 0px;
}

/* Did You Know Module
=========================================== */
#didYouKnowWrap {
	position:absolute;
	bottom:0;
	right:0;
	z-index:0;
	text-align:left;
}

#didYouKnowModule {
	background:url("../images/css/didyouknow_bgtop.jpg") no-repeat #525252;
	color:#FFFFFF;
	font-size:1.1em;
	width:151px;
	position:absolute;
	bottom:135px;
	right:42px;
	line-height:1.3em;
	margin:0px;
	padding:0px;
	text-align:left;
}

#didYouKnowModule a {
	color:#FFFFFF;
	text-decoration:none;
}

#didYouKnowModule a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

#didYouKnowModule p {
	margin:0px 0px 8px 0px;
}

#didYouKnowCopy {
	padding:14px 10px 0px 15px;
}

#didYouKnowCopy ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	display:block;
}

#didYouKnowCopy li {
	display:block;
	background: url("../images/css/navArrowOrange.gif") no-repeat;
	background-position:0px 4px;
	padding: 0px 0px 2px 8px;
	margin:0px 0px 5px 0px;
}

#didYouKnowGrass {
	width:647px;
	height:50px;
	position:static;
	text-align:right;
	margin:0px; padding:0px;
	background:url("../images/css/didyouknow_grass.jpg") no-repeat;
	background-position:bottom right;
}

#didYouKnowImage {
	position:absolute;
	bottom:0;
	right:0;
	margin:0px;
	padding:0px;
	vertical-align:bottom;
}

#didYouKnowImage img {
	vertical-align:bottom;
	margin:0px;
	padding:0px;
}

/* Commonly Used Classes
=========================================== */
li.activeWhiteLinkNoDivide {
	font-weight:bold !important;
	color:#FFFFFF;
	text-decoration:none !important;
	border-right:none !important;
}

a.activeWhiteLink {
	font-weight:bold !important;
	color:#FFFFFF;
	text-decoration:none !important;
}

form, fieldset, a img, img {
	border:none;
}

form, fieldset, ol {
	padding:0px;
	margin:0px;
}

.floatLeft {
	float:left;
	margin:0px 5px 0px 0px;
}

.floatRight {
	float:right;
	margin:0px 0px 0px 5px;
}

.applyButton {
	float:right;
	text-align:left;
	color:#666666;
}

.applyButton img{
	margin:5px 0px 0px 0px;
}

br { clear:both !important; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* This class can be used many times, to strip an 'li' element of it's right side border */
#skipNav {
	float:left;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

/* This class can be used many times, to strip an 'li' element of it's right side border */
li.noDivide {
	border-right:none !important;
	padding-right:0px !important;
}

li.noArrow {
	background-image:none !important;
}

/* Grey bullet point list */

.nested5 {
	margin:5px;
}

.nested10 {
	margin:10px;
}

/* The Footer
=========================================== */

#footerContainer {
	color: #999999;
	margin:0 auto;
	width:988px;
	padding:10px 0px 20px 10px;
	border-top:1px solid #eeeeee;
	text-align:left;
}

#footerContainer a { 
	color: #666666;
	text-decoration:underline;
}

#footerContainer a:hover { 
	color: #000000;
}

/* Tab Panels
=========================================== */

.tab {
	background-color:#d7d7d7;
	color:#333333;
	cursor:pointer;
	width:80px;
	float:left;
	text-align:center;
	padding:2px 0px 2px 0px;
	border-right:2px solid #525252;
}

.tab_over {
	background-color:#e4e4e4;
	text-align:center;
}
.tab_down {
	cursor:default;
	color:#ffffff;
	background:url("../images/css/userControl_loginOn.gif") repeat-x;
	text-align:center;
}

/* content under tabs */
.tabContent {
	clear:both;
	color:#ffffff;
	font-size:1.1em;
}

.tabContent a {
	color:#ffffff;
	text-decoration:none;
}

.tabContainer{
	
}

/* Up tab states */

#netbankLink {
	background:url("../images/css/netbankLink.gif") top no-repeat;
	overflow:hidden;
	cursor: pointer;
}

#commsecLink {
	background:url("../images/css/commsecLink.gif") top no-repeat;
	overflow:hidden;
	cursor: pointer;
}

#commbizLink {
	background:url("../images/css/commbizLink.gif") top no-repeat;
	overflow:hidden;
	cursor: pointer;
}

/* Down tab states */

.tab_down #netbankLink,
.tab_down #commsecLink,
.tab_down #commbizLink {
	background-position:50% -40px;
}

/* Text replace technique */

#netbankLink h3, 
#commsecLink h3, 
#commbizLink h3 {
	margin:0px;
	padding:0px;
	font-size:11px;
}

#netbankLink,
#commsecLink,
#commbizLink {
	font-weight: normal;
	height:20px;
	color:#707070;
	margin:0px;
	padding:0px;
}

#netbankLink a,
#commsecLink a,
#commbizLink a {
	text-indent: -1000em;
	display:block;
	height:20px;
}

#netbankLink a:active,
#commsecLink a:active,
#commbizLink a:active,
#netbankLink a:focus,
#commsecLink a:focus,
#commbizLink a:focus {
}

/* ERROR PAGE STYLES */

.orangeArrowList ul
{
	list-style-type: none;
	padding: 1em;
	margin: 0;
}

/* These definitions are for a hybrid template with a full width div after the RHS container */
#wrapAllMainContent {
	width:792px; /* = 808px */
	float:right;
	padding:0 0 0 16px;
}

#wrapAllMainContent #internalContent,
#wrapAllMainContent #internalContentWide { margin:0 6px 0 0; padding:0 0 20px 0; }
#wrapAllMainContent #rhsTilesContainer { padding:0; }
#wrapAllMainContent #internalContentWide { float:none; }
#wrapAllMainContent #internalContentWide .contentColumn { width:100%; }
#wrapAllMainContent .contentColumn h2 { font-size:1.4em; background:url(../images/css/yellowLine.gif) bottom left no-repeat; padding:0 0 6px 0; margin:0 0 10px 0; color:#000; }
#wrapAllMainContent .contentColumn h3 { font-size:1.3em; }
#wrapAllMainContent .contentColumn p { margin:0 0 12px 0; }

/* GLOBAL SEARCH & SEARCH RESULTS PAGE */

/* Main Top Search */
.topMainSearch {
    position: relative;
	width: 995px;
	background:url(../images/global/bg-top-main-search.jpg) no-repeat;
}

.topMainSearch .mainSearchInputWrapper {
	position: absolute;
	top: 28px;
	left: 200px;
	
}

/* To fix IE6 Transparent Border */
*html .topMainSearch .mainSearchInputWrapper
{
    border-color: #000000;
    filter: chroma(color=#000000);
}

.topMainSearch input.mainSearchField {
	float: left;
	border:1px solid #adadad;
	border-right:none;
	width:582px;
	margin:0;
	padding: 7px 0 7px 10px;
	color: #000000;
	font-family:Verdana;
	font-weight: bold;
        font-size:1.3em;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.topMainSearch .userSearchButtonBig {
	float: left;
	padding:0;
	width: 35px;
	margin-left:-33px;
	height: 32px;
	border-left:1px solid #adadad;
	//z-index:1000;
}

/* Advanced Search */
.topMainSearch input.advancedSearchField {
	/*float: left;*/
	border:1px solid #adadad;
	border-right:none;	
	margin: 3px 0px 7px 0px;
	padding: 5px 0 5px 10px;
	color: #000000;
	font-family:Verdana;
	font-weight: bold;
    font-size:1.3em;
    /*
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	*/
}

/* Bottom Search */
.bottomMainSearch {
    margin-top: 40px;
}

.bottomMainSearch .mainSearchInputWrapper {
   /* background: url(../images/global/bottomsearch-left-corner.gif) no-repeat 0 0;*/
}

.bottomMainSearch input.mainSearchField {
	float: left;
	border: 1px solid #dcdcdc;
	
	width:553px;
	margin: 0 0 0 1px;
	color: #000000;
	font-family:Verdana;
	font-weight: bold;
        font-size:1.3em;
	padding: 7px 0 7px 10px;
}

.bottomMainSearch .userSearchButtonBig {
	float: left;
	padding:0;
	width: 35px;
	height: 32px;
	margin-left:-33px;
}

.advancedSearch,
.closeAdvancedSearch {
    position: absolute;
	top: 60px;
	right: 200px;
	color: #ffffff;
}

.advancedSearchTable {
    position: absolute;
	width: 598px;
	top: 94px;
	left: 197px; 
	color: #ffffff;
}

.advancedSearchTable td p {
    margin: 0;
	padding: 0;
}

.advancedSearchTable td.leftCol,
.advancedSearchTable td p{
    text-align: left;
}

.advancedSearchTable td.rightCol {
    text-align: right;
}

.advancedSearchTable td.rightCol p {
    margin-left: 12px;   
}

.advancedSearchTable td input {
    width: 279px;
	padding: 3px;
	margin: 3px 0 8px 0;
}

.advancedSearchTable a.mainSearchBtn {
    width: 64px;
	height: 24px;
	display: inline-block;
	background: url(../images/global/btn-top-main-search.gif) no-repeat 0 0;
}

/* Global Search */
#userSearchWrapper {
    position:relative;
	top:9px;
	left:9px;
	
}

.wrapFocus {
	border: 3px solid #dadada !important;
	background-color: #dadada !important;
}

#userSearchWrapper input.userSearchField {
	float: left;
	border:1px solid #d0d0d0;
	border-right:none;
	width:228px;
	margin:0;
	padding: 5px 0 5px 10px;
	color: #000000;
	font-family:Verdana;
	font-weight: bold;
        font-size:1.1em;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

#userSearchWrapper .userSearchButton {
	float: left;
	padding:0;
	width: 24px;
	margin-left:-23px;
	height: 25px;
	border-left:1px solid #d0d0d0;
}

.gsc-input input.gsc-input {
    background: none repeat scroll 0% 0% white !important;
}
  
.gsc-completion-container {
	border: 4px solid #dbdbdb !important;
	padding: 0 !important;
	margin-top: 0px;
	border-collapse: collapse !important;
	background-image: none !important;
}

.gsc-completion-container tr:nth-child(odd) td table { background-color:#f5f5f5; }
        
.gssb_a td 
{
	white-space: normal !important;
    text-align: left;
	margin:0 !important;
	padding: 5px 3px 4px 10px !important;	
	font-weight: bold;
    font-size:1.1em;
}

.gssb_a
{
	white-space: normal !important;
	border-top: 1px solid #e7e7e7 !important;
}

.gssb_l
{
	display: none;
}

table.gsc-completion-promotion-table
{
	background-color: #ffffff !important;
}

.gsc-completion-title 
{
	COLOR: #333333 !important; 
	FONT-SIZE: 14px !important; 
	FONT-WEIGHT: bold; 	
}

.gsc-completion-snippet 
{
	PADDING-BOTTOM: 0px; 	
	color: #666666; 
	font-size: 0.7em;
}

/* IE */
.gsc-completion-selected {
    color: #ffffff !important;
	background-color: #5c5c5c !important;
	border-top: #5c5c5c !important;
}

/* non IE */
.gsc-completion-selected td table {
    color: #ffffff !important;
	background-color: #5c5c5c !important;
	border-top: #5c5c5c !important;
}

.gsc-completion-selected .gsc-completion-title 
{
	COLOR: #ffffff !important; 
	FONT-SIZE: 14px !important; 
	FONT-WEIGHT: bold; 	
}

.gsc-completion-selected .gsc-completion-snippet 
{
	PADDING-BOTTOM: 0px; 	
	color: #ffffff; 
	font-size: 0.7em;
}

/* Search Result Page */
.searchResultWrapper {
    width: 790px;
}

.searchResultNumber {
    font-size: 1.1em;
	color: #666666;;
}

.searchPageNum {
    width: 332px;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

.searchPageNum  li {
    float: left;
	width: 23px;
	height: 23px;
	background-color: #ebebeb;
	border: 1px solid #d1d1d1;
	text-align: center;
	margin-right: 2px;
}

.searchPageNum  li.searchSelected {
    background-color: #ffffff;
	border: 1px solid #ffffff;
	text-align: center;
	margin-right: 2px;
}

.searchPageNum  li a {
    display: block;
	font-weight: bold;
	width: 23px;
	height: 20px;
	font-size: 1.2em;
	padding: 3px 0 0 0;
}

.searchPageNum  li.searchSelected a {
    text-decoration: none;
}

.searchPageNum  li.leftArrow a {
    display: block;
	width: 23px;
	height: 23px;
	padding: 0;
	background: url("../images/global/search-page-left.gif") no-repeat;
}

.searchPageNum  li.rightArrow a {
    display: block;
	width: 23px;
	height: 23px;
	padding: 0;
	background: url("../images/global/search-page-right.gif") no-repeat;
}

.searchResultNumber .searchRange,
.searchResultNumber .searchTotal {
    font-weight: bold;
}

.searchResultLeft {
    float: left;
	width: 790px;
	margin-top: 8px;
	padding: 0 0 0 0;
	border-top: none;
}

.searchResultRight {
    float: left;
	width: 162px;
	margin-top: 8px;
	padding: 0 0 0 28px;
}

.searchLinkRightList {
    margin: 0;
	padding: 0;
	list-style: none;
}

.searchLinkRightList li {
   padding: 17px 0 15px 0; 
   background: url("../images/global/search-result-right-grey-line.gif") no-repeat bottom;
}

.searchLinkRightList li h2 a {
    color: #333333;
	font-size: 14px;
	font-weight: bold;
	padding-left: 13px;
	background: url("../images/global/yellow-arrow-bg-sresult.gif") no-repeat 0 5px;
}

.searchLinkRightList li p {
    margin-top: 8px;
	padding: 0 0 0 12px;
	font-size: 1.1em;
}

.searchResultList {
    margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #dadada;
}

.searchResultList li {
    padding: 5px 5px 25px 0;
	border:1px solid #ffffff;
}
.searchResultList li.rollover {
    border: 1px solid #e5e5e5;
	background: #ebebeb url("../images/global/bg-rollover-result.gif") repeat-x;
}

.searchResultList li h2 a {
    color: #333333;
	font-size: 14px;
	font-weight: bold;
	padding-left: 23px;
	background: url("../images/global/yellow-arrow-bg-sresult.gif") no-repeat 10px 5px;
}

.searchResultList li p {
    margin-top: 8px;
	padding: 0 0 0 12px;
	font-size: 1.1em;
}

.searchResultList .relatedLink {
    padding: 10px 0 0 12px;
}
.searchResultList .relatedLink a {
    color: #9a9a9a;
	font-size: 1.1em;
	text-decoration: none;
}
.searchResultList .relatedLink .highlight a,
.searchResultList .relatedLink .highlight {
    color: #666666;
}

/* Search Reconfirm */
.searchReconfirm {
    color: #333333;
	font-size: 1.3em;
	margin-bottom: 15px;
}

.searchReconfirm .searchTerm { font-weight:bold; font-style:italic; }

.searchReconfirm  a {
    color: #333333;
}

/* Search Promo */
.searchPromoOuter {
    width: 598px;
	margin: 0 0 18px 0;
	padding-top: 20px;
	background: url("../images/global/bg-search-result-top-promo.gif") no-repeat top;
}

.searchPromoInner {
    width: 586px;
	padding-left: 10px;
	border-right: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	background-color: #f7f7f7;
}

.promoBottom {
    width: 598px;
	height: 20px;
	background: url("../images/global/bg-search-result-bottom-promo.gif") no-repeat bottom;
}

.searchPromoOuter h2 a {
    color: #333333;
	font-size: 14px;
	font-weight: bold;
	padding-left: 13px;
	background: url("../images/global/yellow-arrow-bg-sresult.gif") no-repeat 0 5px;
}

.pageConRow1col .searchPromoOuter p,
.searchPromoOuter p {
    margin-top: 8px;
	padding: 0 12px 0 12px;
	font-size: 1.1em;
}

/* refinement */
.gsc-tabsArea { display: none; }                       

.gsc-result-info { display: none; }                
.gcsc-branding { display: none; } 

/* paging */  
.gsc-cursor-box {
	padding-bottom: 0px; padding-top: 14px; margin-left:auto; margin-right:auto; width: 400px;
}
.gsc-cursor  {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 332px; PADDING-RIGHT: 0px;  
}
.gsc-results .gsc-cursor-page {
    BORDER-BOTTOM: #d1d1d1 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #d1d1d1 1px solid; BACKGROUND-COLOR: #ebebeb; WIDTH: 23px; FLOAT: left; HEIGHT: 23px; BORDER-TOP: #d1d1d1 1px solid; MARGIN-RIGHT: auto; BORDER-RIGHT: #d1d1d1 1px solid; 
    DISPLAY: block; FONT-SIZE: 1.0em; FONT-WEIGHT: bold; COLOR: #666666 !important; line-height: 23px; 
}
.gsc-results .gsc-cursor-page.gsc-cursor-current-page {
	BORDER-BOTTOM: #ffffff 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #ffffff 1px solid; BACKGROUND-COLOR: #ffffff; BORDER-TOP: #ffffff 1px solid; MARGIN-RIGHT: auto; BORDER-RIGHT: #ffffff 1px solid; 
	TEXT-DECORATION: none; line-height: 23px;
}
.leftArrow {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 23px; PADDING-RIGHT: 0px; DISPLAY: block; BACKGROUND: url(../images/global/search-page-left.gif) no-repeat; HEIGHT: 23px; PADDING-TOP: 0px
}
.rightArrow {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 23px; PADDING-RIGHT: 0px; DISPLAY: block; BACKGROUND: url(../images/global/search-page-right.gif) no-repeat; HEIGHT: 23px; PADDING-TOP: 0px
}

/* search result */
.gsc-control-cse
{
	font-family: Verdana, Arial, Arial Unicode MS, Helvetica, sans-serif !important;	
	font-size: 1.1em !important;
}

.gsc-webResult.gsc-result 
{
	BORDER-BOTTOM: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-RIGHT: #ffffff 1px solid;     
	WIDTH: 778px; padding-bottom: 25px !important; padding-left: 12px !important;
}

.cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover,
.gsc-results .gsc-imageResult-classic:hover,
.gsc-results .gsc-imageResult-column:hover {        	
    BORDER-BOTTOM: #e5e5e5 1px solid; BORDER-LEFT: #e5e5e5 1px solid; BACKGROUND: url(../images/global/bg-rollover-result.gif) #ebebeb repeat-x; BORDER-TOP: #e5e5e5 1px solid; BORDER-RIGHT: #e5e5e5 1px solid;     
    WIDTH: 778px; padding-bottom: 25px !important;
}

.gsc-above-wrapper-area {
	display: none;	
	/*border-bottom: none !important;*/
}

.gs-result .gs-title a.gs-title {
	PADDING-LEFT: 13px; BACKGROUND: url(../images/global/yellow-arrow-bg-sresult.gif) no-repeat 0px 5px !important; COLOR: #333333 !important; FONT-SIZE: 14px !important; FONT-WEIGHT: bold; font-family: Verdana, Arial, Arial Unicode MS, Helvetica, sans-serif;
}

.gs-result .gs-title a.gs-title b {
	COLOR: #333333 !important; FONT-SIZE: 14px !important; 
}

.gs-result .gs-title a.gs-title em {
	COLOR: #333333 !important; FONT-SIZE: 14px !important; 
}

.gs-result .gs-image-box {
	PADDING-BOTTOM: 0px; MARGIN-TOP: 6px; MARGIN-BOTTOM: 8px; PADDING-LEFT: 0px; PADDING-RIGHT: 10px; PADDING-TOP: 0px; 
}

.gs-result .gs-snippet {
	PADDING-BOTTOM: 0px; MARGIN-TOP: 6px; MARGIN-BOTTOM: 8px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; color: #666666; 
}

.gs-result .gs-visibleUrl {
	PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #666666 !important; TEXT-DECORATION: none; MARGIN-BOTTOM: 8px; text-align: left; 
}

.gs-spelling,
.gs-spelling.gs-spelling-original {
	PADDING-LEFT: 13px; COLOR: #333333 !important; font-family: Verdana, Arial, Arial Unicode MS, Helvetica, sans-serif; font-size: 1.1em !important;
}

.gs-spelling a,
.gs-spelling.gs-spelling-original a {
	COLOR: #333333 !important; font-family: Verdana, Arial, Arial Unicode MS, Helvetica, sans-serif; font-size: 1.1em !important; 
}

/* promotion */
.gsc-webResult.gsc-result.gsc-promotion,
.gsc-webResult.gsc-result.gsc-promotion:hover {
	BORDER-BOTTOM: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-RIGHT: #ffffff 1px solid;     
	WIDTH: 790px; padding-bottom: 25px !important; padding-left: 0px !important; BACKGROUND: url(../images/global/bg-search-result-top-promo-790.gif) no-repeat left top;
}

.gs-promotion-text-cell .gs-title a.gs-title {
	PADDING-LEFT: 23px; BACKGROUND: url(../images/global/yellow-arrow-bg-sresult.gif) no-repeat 10px 5px !important; COLOR: #333333 !important; FONT-SIZE: 14px !important; FONT-WEIGHT: bold; font-family: Verdana, Arial, Arial Unicode MS, Helvetica, sans-serif;
}

.gs-promotion-text-cell .gs-snippet {
	PADDING-BOTTOM: 0px; MARGIN-TOP: 6px; MARGIN-BOTTOM: 8px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; color: #666666; 
}

.gs-promotion-text-cell .gs-visibleUrl {
	PADDING-LEFT: 10px !important; PADDING-RIGHT: 0px; COLOR: #666666 !important; TEXT-DECORATION: none; MARGIN-BOTTOM: 8px; text-align: left; 
}

.gs-promotion.gs-result 
{
	BORDER-LEFT: #dfdfdf 1px solid; BACKGROUND-COLOR: #f7f7f7; PADDING-LEFT: 0px; WIDTH: 788px; margin-top: 10px; BORDER-RIGHT: #dfdfdf 1px solid; 
}

.gs-promoBottom {
	WIDTH: 790px; BACKGROUND: url(../images/global/bg-search-result-bottom-promo-790.gif) no-repeat bottom; HEIGHT: 20px;
}

/* gsc-completion */
#promotion-separator {
	display: none;
}

td.gsc-completion-promotion {
	background-color: #F5F5F5;
}

td.gsc-completion-promotion-selected {
	background-color: #F5F5F5;
}


.gsc-completion-promotion-table td.gs-promotion {
	border-top: none !important;
	font-size: 1em !important;	
	TEXT-ALIGN: left; 
	padding: 0 0 0 0 !important;
	MARGIN: 0px; 
	COLOR: #000000; 
}

.gsc-completion-promotion-table td.gs-promotion a.gs-title {
	COLOR: #000000; 
}

.gsc-completion-promotion-table td.gs-promotion .gs-snippet {
	font-weight: normal;
	font-size: 0.8em;
}


/**
    Footer Contain
**/

#footerContain {
    background-color: #e8e8e8;
	color: #666666;
	min-width: 1005px;
}

#footerContainer { 
    width: 987px;
	margin: 0 auto;
	padding-top: 20px;
}

#footerContainer .footerHeading H3 {
   font-family:  'HelveticaNeueW01-75Bold', Verdana, Arial;
}

#footerContainer a {
    color: #666666;
	font-size: 11px;
	text-decoration: none;
	outline: none;
}

#footerContainer .footerHeading {
    font-size: 15px;
	margin: 15px 0 12px 0;
	padding: 0;
	color: #666666;
	
}

#footerContainer h3 {
    font-size: 15px;
	font-weight: normal;
	margin: 15px 0 12px 0;
	padding: 0;
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	
}

#footerContainer ul {
    list-style: none;
    margin-top: 10px;
    padding:0;
    margin-left:0px;

}

#footerContainer ul li {
    padding: 0 0 6px 0;
	background: none;
    text-align:left;

}

#footerContainer p {
    margin: 0 0 5px 0;
	padding: 0;
}

#footerContainer .social span {
    padding-right: 6px;
    
}


#footerContainer .social span.blog {
    padding-top: 6px;
}
#footerContainer .social img.blog {
    vertical-align:middle;
    padding-top: 6px;
}
#footerContainer div {
    float: left;
	padding-left: 16px;
	width: 148px;
	text-align:left;
}

#footerContainer div.aboutUs {
    float: left;
	width: 312px;
}

#footerContainer .footerPolicy {
    float: left;
	width: 858px;
	padding: 10px 129px 0 0;
	margin: 15px 0 30px 0;
	border-top: 1px solid #ffffff;
}

#footerContainer .footerPolicy a {
    color: #000000;
}