@charset "UTF-8";

/* CUSTOMIZE : START */

body {
    background-color: #ccc;
}

body.front {
    background-color: white;
}

div.wrapper {
    background: white;
    border-left: solid 2px #bbb;
    border-right: solid 2px #bbb;
}

h1 {
    color: #005293;
}

h2 {
    color: #005293;
}

#main-menu {
    background: #000000 url(images/main-menu.png) top left repeat-x;
}

#main-menu ul.menu .megamenu {
    color: black;
    border: solid 1px #c5c5c5;
    background: #e7e8e9;
}

#footer {
    background: #808285 url(images/footer-top.gif) repeat-x;
    color: white;
}

#footer .region-footer-sixthcolumn {
    color: #eeeeee;
}

#footer h2, #footer .region-footer-firstcolumn li.first {
    color: white;
}

#footer a {
    color: white;
}

#footer a:hover {
    color: #cccccc;
}

#popup-chooser {
    background: white;
}

#popup-chooser .chooserwrapper {
    background: url(images/popup-region-chooser-swoosh.png) no-repeat;
}

#popup-chooser ul.regions li.parent {
    background: url(images/popup-region-chooser-boxes.png) no-repeat;
}

#popup-chooser ul.regions li.parent a.parent {
    color: #5e5e5e;
}

#popup-chooser ul.regions li.parent:hover {
    background: url(images/popup-region-chooser-boxes.png) -115px 0 no-repeat;
}

#popup-chooser ul.regions li.parent:hover a.parent {
    color: white;
}

#popup-chooser ul.subregions li {
    border-top: solid 1px #7ba3c9;
}

#popup-chooser ul.subregions a {
    color: #262525;
}

#popup-chooser ul.choosermenu li {
    color: white;
    border-left: solid 1px #00599c;
}

#popup-chooser ul.choosermenu li a {
    color: #00599c;
}

#endecasearch fieldset {
    background: url(images/searchbox-bg.png) no-repeat;
}

#endecasearch input {
    color: #999;
}

#endecasearch .categories {
    color: #666;
}

#endecasearch .categorylist {
    background: white;
    color: #666;
    box-shadow: 0 0 4px #555;
    -moz-box-shadow: 0 0 4px #555;
    -webkit-box-shadow: 0 0 4px #555;
}

#endecasearch .categorylist a {
    color: #333;
}

#endecasearch .searchbtn {
    background: transparent url(images/searchbox-bg.png) -215px 0 no-repeat;
}

/* CUSTOMIZE : END */

/* GLOBAL ------------------------------------------------------------------------------- */

a { color: #00599c; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

/*
#newsfeed a:link, #newsfeed a:visited { color: #999999; text-decoration: none;}
#newsfeed a:hover, #newsfeed a:active { color: #005293; text-decoration: underline;}
*/
a.iframe { }

div.hr      		{ line-height: 0px; font-size: 0px; height: 1px; background-color: #aaaaaa; margin: 8px 0px 8px 0px; }
div.hr-compact	{ line-height: 0px; font-size: 0px; height: 1px; background-color: #aaaaaa; margin: 2px 0px 2px 0px; }

/* PAGE LAYOUT -------------------------------------------------------------------------- */

#webpage { color: #282828; background: #9a8d7d; }
div.wrapper { width: 1030px; text-align: left; padding: 0; margin: 0 auto 0 auto; }

#main-wrapper { position: relative; }
#pagetop { position: absolute; left: 15px; top: 10px; } /* breadcrumb area */

.topgradient { background: url(images/swoosh.png) no-repeat center top; padding-top: 80px; }

#contents { position: relative; background: white; }  /* Actual contents */

#main .contents { padding-bottom: 40px; padding-left: 20px; padding-right: 20px; }
body.node-type-regional-landing-page #main .contents { padding-left: 0px; padding-right: 0px; }
body.node-type-regional-landing-page #triptych-wrapper { padding-left: 10px; padding-right: 10px; }

#contentarea { padding: 15px 15px 30px 15px; }
#contentarea-alt { padding: 15px; float: right; width: 710px; }


ul.tabs, ul.primary { border: none; }
ul.primary { float: right; }
ul.tabs li, ul.primary li
  {
  height: 21px; color: white; margin: 2px; padding: 2px 6px 3px 6px; background-color: #00599c; border: solid 1px #022f51; text-align: center; white-space: pre; outline: none;
  -webkit-border-radius: 4px; -webkit-box-align: center; -webkit-box-sizing: border-box;
  -moz-border-radius: 4px;
  cursor: pointer;
  }
ul.tabs li a, ul.primary li a { color: white; border: none !important; background: none !important; padding: 0 !important; margin: 0 !important; }
ul.tabs li a:hover, ul.primary li a:hover { color: #DDD; }

ul.tabs li.active, ul.primary li.active { background: #a7a7a7; border-color: #979797; }
ul.tabs li.active a, ul.primary li.active a { color: white; }


/* HEADER ------------------------------------------------------------------------------- */

#header { }
#header div.contents { padding: 0px 0 0 0; }

#header a.region { float: right; height: 47px; width: 100px; margin: 5px 15px 0 0; background-position: right bottom; background-repeat: no-repeat; }
#header a.mytnb { float: right; margin-top: 15px; line-height: 27px; border-left: solid 1px #aaaaaa; padding-left: 10px; margin-right: 5px; font-size: 13px; }
#header a.tnbaccess { float: right; height: 43px; width: 42px; margin: 5px 10px 0 0; background: url(images/tnb_access_logo.png) right bottom no-repeat; }

#header div.tabs { float: right; margin-top: 15px; width: 350px; }

#logo { float: left; width: 325px; margin: 15px 0 0 20px; }
#logo img { border: 0; }

#alt-menu { }
#alt-menu div.wrapper { background: white; height: 32px; }
#alt-menu div.nocontents { background: white; height: 15px !important; }
#alt-menu ul { padding: 0; margin: 0; list-style: none; list-style-image: none; }
#alt-menu ul.menu { position: relative; display: inline; float: right; }
#alt-menu li { color: white; display: inline; padding-right: 10px; border-right: solid 1px #00599c; font-size: 1.2em; }
#alt-menu li.last { padding-right: 0; border: none; }
#alt-menu li a { color: #00599c; font-weight: bold; }



#main-menu .element-invisible { display: none; }
#main-menu ul.menu li { float: left; display: block; line-height: 40px; padding: 0; margin: 0; }
#main-menu ul.menu li a, #main-menu li a.nohref, #main-menu li a.visited, #main-menu li a.active { display: block; line-height: 40px; padding: 0 13px; text-decoration: none; color: white; font-weight: bold; }
#main-menu ul.menu li:hover { /*color: #DDD;*/ background: #2470bc url(images/main-menu.png) left -40px repeat-x; }
#main-menu ul.menu ul.menu { display: none; position: absolute; left: 0px; top: 40px; list-style: none; list-style-image: none; border: solid 1px #c5c5c5; background: #e7e8e9; z-index: 10; }
#main-menu ul.menu ul.menu a { color: black; font-weight: normal; }
#main-menu ul.menu ul.menu li:hover { text-decoration: underline; background: transparent; }
#main-menu ul.menu li { position: relative; }
#main-menu ul.menu li.leaf { list-style: none; list-style-image: none; }

#main-menu ul.menu li ul { white-space: nowrap; padding: 5px 0; }
#main-menu ul.menu li ul li { float: none; line-height: 1.25em; padding: 0; }
#main-menu ul.menu li ul li a { padding: 5px 10px; line-height: 1.25em; }

.region-menubar { float: left; width: 700px; height: 40px; }
.region-menubar ul { padding: 0; margin: 0; list-style: none; list-style-image: none; }
.region-menubar li { color: white; display: inline; padding-right: 50px; line-height: 40px; }

#banner { width: 980px; height: 220px; }

/* MEGA MENU ---------------------------------------------------------------------------- */

#main-menu ul li .megamenu div { line-height: normal; color: #999999; }
#main-menu ul li .megamenu a { line-height: normal; display: inline; margin: 0; padding: 0px; line-height: auto; color: black; font-weight: normal; }
#main-menu ul li .megamenu li a { display: block; margin: 0; padding: 0px; line-height: auto; color: black; font-weight: normal; }


#main-menu li .megamenu ul li {  
    font-size:14px;  
    line-height:15px;
	position:relative;  
    padding:0;  
    margin:0;  
    float:none;  
    text-align:left; 
}  
#main-menu li .megamenu ul li:hover {  
    background:none;  
    border:none;  
    padding:0;  
    margin:0; 
}

#main-menu li .listitems {  
    border-top:1px solid #ccc;    
} 
#main-menu li .listitems li a {  
    border-bottom:1px solid #ccc;  
	background:url(images/menu-bullet.png) no-repeat;
	margin:0px;  
	font-size:85%;
	padding-left: 20px !important;
} 
#main-menu li .listitems li a:hover {  
    background:url(images/menu-bullet_o.png) no-repeat #dcdcdc;
	color:#000000;  
}
#main-menu li .listitems li a.indent {  
	padding-left: 35px !important;
	background-position: 15px 0;
} 
#main-menu li .listitems li a.indent2x {  
	padding-left: 50px !important;
	background-position: 30px 0;
} 


#main-menu li .listitems_col_1 {  
    border-top:1px solid #ccc;    
} 
#main-menu li .listitems_col_1 li a {  
    border-bottom:1px solid #ccc;  
	background:url(images/menu-bullet.png) no-repeat;
	margin:0px;  
	font-size:85%;   
	padding-left: 20px !important;
} 
#main-menu li .listitems_col_1 li a:hover {  
    background:url(images/menu-bullet_o.png) no-repeat #dcdcdc;
	color:#000000;  
}
#main-menu li .listitems_col_1 li a.indent {  
	padding-left: 35px !important;
	background-position: 15px 0;
} 
#main-menu li .listitems_col_1 li a.indent2x {  
	padding-left: 50px !important;
	background-position: 30px 0;
} 

#main-menu .megamenu h2 {  
    font-size:21px;  
    font-weight:400;  
    letter-spacing:-1px;  
    margin:0px 0 14px 0;  
    padding:0 0 5px 0;  
    border-bottom:1px solid #666666;  
    line-height: normal;
}  

/* TOOLTIP ------------------------------------------------------------------------------ */

#tooltip { padding: 4px 8px; font-size: 11px; border: solid 1px #c8c693; background: #f7f4c3; color: black; position: absolute; }

#tooltip-bubble { position: absolute; width: 333px; left: 10px; top: 100px; z-index: 5000; }
#tooltip-bubble div.top { width: 333px; height: 18px; background: url(images/tooltip.png) no-repeat; }
#tooltip-bubble div.body { padding: 0 17px; width: 299px; overflow: hidden; background: url(images/tooltip.png) -373px 0 repeat-y; }
#tooltip-bubble div.bottom { width: 333px; height: 18px; background: url(images/tooltip.png) 0px -19px no-repeat; }
#tooltip-bubble div.indicator { position: absolute; top: 20px; right: -16px; width: 25px; height: 38px; background: url(images/tooltip.png) -339px 0px no-repeat; }

.tooltip-bubble-text { display: none; }

/* CONTENT AREA ------------------------------------------------------------------------- */

div.column { }
#content { min-height: 200px; }
#sidebar-first { float: left; width: 265px; margin-right: 20px; }
#sidebar-second { float: right; width: 260px; margin-left: 20px; }

.one-sidebar #content { float: left; width: 730px; }
.two-sidebars #content { float: left; width: 450px; }

#triptych.contents { padding: 0px !important; margin: 0px !important; }
#triptych-first, #triptych-middle, #triptych-last { display: inline; padding-top: 2px; float: left; width: 290px; margin-right: 20px; }
#triptych-middle { width: 440px; }
#triptych-first { width: 280px; padding-left: 0px; }
#triptych-last { width: 250px; padding-right: 0px; margin-right: 0; }

/* PRODUCT LISTING PAGE ------------------------------------------------------------------ */

.node-type-regional-landing-page #pagetop { position: static; padding: 5px 15px 0px 15px; }

.prodlist-col1 { float: left; /*width: 270px;*/ margin-left: 10px; }
.prodlist-col2 { float: left; /*width: 650px;*/ margin-right: 10px; margin-top: -30px; }
.prodlist-col1-row2 { margin-top: -30px; min-height: 60px; }
.prodlist-colspacer { float: left; }

.prodlist-col1 h1 { padding: 0; margin: 0; }
.prodlist-col2 h1 { padding: 0; margin: 0; }

.prodlist-logo { margin-bottom: 10px; }

.prodlist-col2 .imagewrapper { position: relative; }
.prodlist-col2 .brandimage { position: absolute; left: 0px; top: 0px; }
.prodlist-col2 .mainimage p { margin: 5px 0 0 0; padding: 0; }
.bullet { text-decoration: none !important; display: block; margin-bottom: 10px; float: left; width: 32px; height: 32px; background: url(images/bullet01.png); color: white; font-weight: bold; line-height: 28px; font-size: 14px; text-align: center; }
.bullet:hover { background: url(images/bullet01.png) 0 -32px; }
.bullet span { padding-right: 2px; }
.prodlist-col2 .bullet { display: block; float: none; position: absolute; }

ul.prodlist, ul.prodlist li { list-style: none; list-style-image: none; padding: 0; margin: 0; }

ul.prodlist li a { text-decoration: none; color: #808285; }
ul.prodlist li { display: block; float: left; margin: 0px; } 
ul.prodlist li .thumb { display: block; border: solid 1px #cbcdce; background-position: center center; background-repeat: no-repeat; }

ul.prodlist .details { display: block; margin-top: 4px; padding: 6px; text-transform: uppercase; }
ul.prodlist .learnmore { display: block; margin-top: 4px; color: #0069a6; font-weight: bold; }

ul.prodlist li.last { margin-right: 0; } 


/* REGION CHOOSER ----------------------------------------------------------------------- */

.node-type-region-chooser #main .contents { padding: 0; margin: 0; }
.node-type-region-chooser #main #triptych-middle { width: 216px; }
.node-type-region-chooser #main #triptych-first { width: 216px; padding-left: 0px; }
.node-type-region-chooser #main #triptych-last { width: 556px; padding-right: 0px; margin-right: 0; }

.node-type-region-chooser #header { height: 67px; }
.node-type-region-chooser #header .tabs { display: none; }

.node-type-region-chooser #alt-menu div.wrapper { height: auto; position: relative; }
.node-type-region-chooser #alt-menu div.wrapper #altnavbar { position: absolute; right: 0; bottom: 20px; width: 400px; }

.node-region-chooser {
    clear: both;
    float: right;
    width: 260px;
    margin: 0px 0px 20px 0;
    background: #bec0c2 url(images/region-chooser-bg.gif) repeat-x;
}

.node-region-chooser h1 { color: #035496; font-size: 1.2em; font-weight: normal; margin: 0 0 7px 0; padding: 10px 15px 0 15px; line-height: 30px; }
.node-region-chooser .heading { background: #ced9e0; color: black; font-weight: bold; padding-left: 15px; line-height: 27px; }
.node-region-chooser ul.region-list { margin: 0; padding: 5px 15px 15px 15px; list-style: none; list-style-image: none; }
.node-region-chooser ul.region-list li.parent { min-height: 45px; margin: 10px 0 0 0; list-style: none; list-style-image: none; }
.node-region-chooser ul.region-list li.parent a.parent { color: black; display: block; height: 30px; padding: 15px 95px 0 0; background: url(images/region-chooser-hr.png) 0 8px no-repeat; }
.node-region-chooser ul.region-list li.parent a:hover { color: #00599c; text-decoration: none; }
.node-region-chooser ul.region-list ul { list-style: none; list-style-image: none; padding: 0; margin: 0; }
.node-region-chooser ul.region-list ul li { list-style: disc; list-style-image: none; float: left; width: 80px; margin: 10px 10px 0 20px; }

.node-region-chooser ul.country-list { margin: 0; padding: 5px 15px 15px 15px; list-style: none; list-style-image: none; }
.node-region-chooser ul.country-list li { margin: 0px 0 0 0; padding: 0; list-style: none; list-style-image: none; }
.node-region-chooser ul.country-list li a { color: black; display: block; padding: 15px 0 15px 0; background: url(images/region-chooser-hr.png) left bottom no-repeat; }
.node-region-chooser ul.country-list li a:hover { color: #00599c; text-decoration: none; }

.node-type-region-chooser .region-triptych-last .block { float: right; margin-right: 0px; }
.node-type-region-chooser .region-triptych-last ul { padding: 0; margin: 0; list-style: none; list-style-image: none; }
.node-type-region-chooser .region-triptych-last ul.menu { position: relative; display: inline; float: left; }
.node-type-region-chooser .region-triptych-last li { color: white; display: inline; line-height: 90px; padding-right: 10px; border-right: solid 1px #00599c; font-size: 1.2em; }
.node-type-region-chooser .region-triptych-last li.last { padding-right: 0; border: none; }
.node-type-region-chooser .region-triptych-last li a { color: #00599c; font-weight: normal; }

.node-type-region-chooser #breadcrumb { display: none; } 

/* REGION LANDING PAGE ------------------------------------------------------------------ */

#verticalmarkets { position: relative; height: 450px; margin-bottom: 20px; }
#prevmarket { cursor: pointer; position: absolute; left: 714px; top: 240px; width: 20px; height: 20px; overflow: hidden; text-indent: -999px; background: url(images/vm-arrows-alt.gif) 0px 0px no-repeat; z-index: 9; }
#nextmarket { cursor: pointer; position: absolute; left: 739px; top: 240px; width: 20px; height: 20px; overflow: hidden; text-indent: -999px; background: url(images/vm-arrows-alt.gif) -20px 0px no-repeat; z-index: 9; }
.vertical-market { width: 100%; }
.vertical-market { background-position: center top; background-repeat: no-repeat; }
.vertical-market .inner { background: url(images/regional-landing-bkgmask.png) center 225px no-repeat; padding-bottom: 25px; }
.vertical-market .featured-products { position: absolute; right: 10px; top: 35px; width: 246px; padding: 2px; background: white;  z-index: 8; overflow: hidden; white-space: nowrap; }
.vertical-market .featured-products ul { background: #282929; list-style: none; list-style-image: none; margin: 0; padding: 0; }
.vertical-market .featured-products ul li { list-style: none; list-style-image: none; margin-bottom: 4px; background: black url(images/featprod-bg.gif) top left repeat-x; overflow: hidden; }
.vertical-market .featured-products ul li.last { margin-bottom: 0px; }
.vertical-market .featured-products ul li .details { display: none; color: #005293; padding: 10px 15px; height: 255px; overflow: hidden; background-position: bottom center; background-repeat: no-repeat; }
.vertical-market .featured-products ul li.open .details { display: block; }
.vertical-market .featured-products ul li a { display: block; line-height: 40px; padding-left: 20px; color: white; background: url(images/regional-landing-arrow-closed.png) right center no-repeat; }
.vertical-market .featured-products ul li.open a { background-image: url(images/regional-landing-arrow-expanded.png); }
.vertical-market .featured-products ul li .details a { display: inline; line-height: 20px; width: 95px; color: white; border: solid 1px #a0afbb; background: url(images/secondary-nav-bg.gif) left center repeat-x; text-transform: uppercase; margin: 0; padding: 5px 10px; }

.node-type-regional-landing-page .region-triptych-last ul.menu { list-style: none; padding: 0px; margin: 0px; }
.node-type-regional-landing-page .region-triptych-last ul.menu li { list-style: none;  padding: 0; margin: 0 0 10px 0; background: url(images/secondary-nav-bg.gif) repeat-x; }
.node-type-regional-landing-page .region-triptych-last ul.menu a { display: block; line-height: 32px; color: white; padding-left: 15px; }
.node-type-regional-landing-page .region-triptych-last ul.menu a:hover { color: #DDD; text-decoration: none; }

.node-type-regional-landing-page #triptych-wrapper { position: relative; margin-top: -110px; z-index: 7; }

.content_head {
    color: #FFFFFF;
    background-color: #9f1c37;
}