/** 
 *	[File: global.css]
 * 	
 *	Project: 			EF Education website
 *	Version:			1.0
 *  Last changed:		19/01/10
 *	Assigned to:		Sunny Virk
 *
 *
 *
 *	[Table of contents]
 *	
 *	Typography
 *	Layout
 *	Header
 * 	Content
 * 	Footer
*/


/*------------------------------------------------------------------
 *	Typography
*/
body {font: 100% Arial, Helvetica, sans-serif; color: #444; background: #fff;}
h1, h2, h3, h4, h5, h6, h7  {font-weight: bold; color: #203d53; line-height: 1em;}
h1 {font-size: 1.55em; margin-bottom: 10px;}
h1 span{font-size: 15px;}
h2 {font-size: 1.375em; margin-bottom: 0; color: #00aeef; font-weight: normal;}
h3 {font-size: 1em; margin-bottom: 7px;}
h4 {font-size: 0.820em; margin-bottom: 7px; color: #444;}
h5 {font-size: 0.820em; margin-bottom: 0;}
h6 {font-size: 0.820em; margin-bottom: 0;}
h7 {font-size: 0.820em; margin-bottom: 0;}
p {margin: 0 0 10px; font-size: 75%; line-height: 1.2em;}
/*
p img {float: left; margin: 0 1.5em 1.5em 0; padding:0; line-height: 1.3em;}
p img.right {float: right; margin: 0em 0 1.5em 1.5em;}
*/
li {font-size: 75%;}
a:focus, a:hover {color: #222; text-decoration: none;}
a {color:#005b82; text-decoration: underline; font-size: 100%;}
blockquote {margin: 1.5em; color: #666; font-style: italic;}
strong {font-weight: bold;}
em, dfn {font-style: italic;}
dfn {font-weight: bold;}
sup, sub {line-height: 0;}
abbr, acronym {border-bottom: 1px dotted #666;}
address {margin: 0 0 1.5em; font-style: italic;}
del {color:#666;}
pre, code {margin: 1.5em 0; white-space: pre;}
pre, code, tt {font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5;}
code {background: #f5f5f5; display: block;}
/* Lists */
li ul, li ol {margin: 0 1.5em;}
ul, ol {margin: 0;}
ul {list-style-type: none;}
ol{list-style-type: decimal;}
dl {margin: 0 0 1.5em 0; font-size: 12px;}
dl dt {font-weight: bold;}
dd {margin-left :1.5em;}
.hidden {display: none;}
a.textwhite {position: absolute; left: -1000px;}
/* Tables */
table {margin: 0; width: 100%; background: #fbfeff; font-size: 13px;}
th {font-weight: bold; background: #c2ecfb; border-top: 1px solid #c2ecfb; font-size: 14px;}
th, td {padding: 15px 10px 15px 18px; border:  1px solid #c2ecfb;}
th, td{
	text-align: center;
	width: 200px;}
th {padding:7px 10px 11px 8px;}
tr.rowH td {
	background: #f3fbfe;
}
tr th.prod {text-align: left; width: 320px;}
tr td.prod {
	background: #e9fbff;
	text-align: left;
	font-size: 14px;
	width: 320px;
	font-weight: bold;
}
tr td.mobile span{
	background: url(../images/icons/bullet-mobile.gif) no-repeat left;
	padding-left: 15px;
}
td.hover {background: #f3f2e9;}
tfoot {font-style: italic;}
caption {background: #f5f5f5; border-top: 1px solid #ddd;}
tr.even td {background: #eee;}

.grid {
	background: #c2ecfb;
	padding: 7px;
	margin-bottom: 20px;
}
td.online a{
	background:transparent url(../images/buttons/search-default-right.png) no-repeat scroll right top;
	color:#FFFFFF;
	display:inline-block;
	font-weight:bold;
	height:23px;
	padding-right:12px;
	text-decoration:none;
	width: 75%;
}
td.online a span{
	background:transparent url(../images/buttons/search-default-left.png) no-repeat scroll left center;
	display:block;
	line-height:12px;
	padding:5px 5px 6px 15px;
	text-shadow:0.1em 0.1em 0.2em black;
}
td.online a:hover{background:transparent url(../images/buttons/search-hover-right.png) no-repeat scroll right top;}
td.online a span:hover{background:transparent url(../images/buttons/search-hover-left.png) no-repeat scroll left center;}

table.maintable {
	width: 100% !important;
	background: none;
	margin-bottom: 20px;
	margin-left: 0 !important;
}
table.maintable #ctl00_Content_DIV2, table.maintable ContentWrapperSmall, table.maintable #ctl00_Content_sitemap, 
table.maintable #ctl00_Content_DIV1, table.maintable #ctl00_Content_DIV3

{
	margin-left: 0 !important;
	padding-left: 0 !important;}

table.maintable td{
	width: auto !important;
	display: none;
	border: none;
	background: none;
	padding: 0;}

table.maintable td #ctl00_Content_Image4, table.maintable td #ctl00_Content_Image9, table.maintable td #ctl00_Content_Image7  {
	display: none;
}

table.maintable td.mid_back {
	display: block;
	text-align: left;
	font-size: 12px;}
table.maintable td.mid_back div{
	text-align: left;}

table.maintable td.mid_back div img{
	display: none;}	
table.maintable td.mid_back .Sitemap_image img{
	display: block;
}

table.maintable td.mid_back .Sitemap_imageborder {
	float: left;
	margin-right: 10px;
}

table.maintable td.mid_back .Sitemap_alignment {
	clear: both;
	margin-bottom: 20px;
}

table.maintable td.mid_back ul {
	margin: 5px 0;
	list-style-type: none !important;}
	
table.maintable td.mid_back li {
	font-size: 12px;
	margin-bottom: 7px;}
table.maintable td.mid_back li a{
	text-decoration: none;}

.offset {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

/*------------------------------------------------------------------
 *	Layout
*/
html, body {
	height: 100%;
	padding: 0;
	margin-bottom: 1px;
	text-align: center;
	/*background: #fff url(../images/main-bkg.jpg) repeat-x top left;*/
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	height: auto;
	text-align: left;
	
	
	/*
	z-index: 1;
	*/
}

#header {}

#content {
	/*padding: 19px 0 0 0;*/
}

#content.width-small {
	text-align: center;}

#content #inner-content{
	margin: 0 0 0 0;
	padding: 0 10px;
	padding-top: 20px;
	width: 940px;
	clear: both;
	background: transparent url(../images/dots.gif) repeat-x top left;
	z-index: 1;
}

#content.width-small #inner-content{
	width: 640px;
	margin: 0 auto;
	text-align: left;
}

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

.clearfix, .container {display: inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display: block;}
.clear {clear: both;}




/*------------------------------------------------------------------
 *	Content
*/
#header-wrapper {
	background: #00aeef url(../images/main-bkg.gif) repeat-x scroll left top;
}
.header {
	height:95px;
	margin:0 auto;
	width:940px;
	text-align: left;
	z-index: 9999;
}

.global ul.nav {
	float: right;
	margin: 0 10px 0 0;
}

.global ul.nav li {
	display: inline-block;
	margin-left: 15px;
	background: url(http://media.ef.com/_imgs/ly/2010/header/square3px.gif) no-repeat left 11px;
	padding-left: 8px;
	padding-top: 6px;
	float: left;
}

.global ul.nav li.language {
	background: url(../images/top-panel/right.png) no-repeat right bottom;
	padding:0 15px 2px 0;
	display: inline-block;
	margin-right: 0;
	margin-left: 0;
}
.global ul.nav li.language a{
	background: url(../images/grey-pipe.gif) no-repeat left 1px;
	padding-left: 7px;}
.global ul.nav li.language a.first{
	background: none;
	padding-left: 0;
	padding-right: 5px;
}
.global ul.nav li.language span{
	background: url(../images/top-panel/left.png) no-repeat left bottom;
	padding:6px 0 0 18px;
	height: 25px;
	display: inline-block;
}
.global ul.nav li a{
	text-decoration: none;
	font-size: 11px;
	color: #333;
}

.global ul.nav li a:hover{
	color: #005B82;
	text-decoration:underline;
}

.global .forms {float: left;}

.global .forms .jqTransformSelectWrapper ul {
	width: 200px;
}

.global .forms .jqTransformSelectWrapper ul li{
	width: auto;
}





/*------------------------------------------------------------------
 *	Content
*/
#content #heading {
	/*background: transparent url(../images/dots.gif) repeat-x bottom left;*/
	display: block;
	z-index: 1;
}

#content #heading h1{
	letter-spacing: -0.5px;
}
#content #heading h1 span{
	letter-spacing: normal;
	position: relative;
	bottom: 2px;
}

#content.width-small #heading {
	width: 640px;
	margin: 0 auto 0 auto;
	text-align: left;
}

#content ul {
	padding-left: 28px;
	margin:0;
}

#content li {
	list-style:disc outside none;
}

#content h1 {	
}

#content .intro-panel h1 {
	padding: 0;
	font-size: 24px;
	letter-spacing: -1px;
	float: none;
}

#content.width-small #heading h1{
	padding: 0;
}

#heading {position: relative;}


/* home page */
#content.home {
	position: relative;
}

#content.home #inner-content{
	position: relative;
	display: block;	
	margin: 3px 0 0 0;
	width:960px;
	padding-top: 0;
	padding: 0;

}

#content.home .intro-panel{
	display: block;
	width: 402px;
	height: 361px;
	background: transparent;
	position: absolute;
	top: 30px;
	left: 30px;
	padding: 20px 20px 20px 20px;
}

#content.home .intro-panel .intro{color: #203D53;}

#content.home .intro-panel p{margin-bottom: 15px;}
	
#content.home .quick-search{
	display: block;
	width: 296px;
	height: 136px;
	position: absolute;
	top: 293px;
	right: 30px;
	padding: 20px 20px 10px 20px;
	background: transparent;
	z-index: 1;
}

#overlay .quick-search{
	display: block;
	width: 296px;
	height: 136px;
	padding: 20px 20px 10px 20px;
	background: transparent;
}

#overlay .textOverlay{
	display: block;
	width: 500px;
	
	padding: 20px 20px 10px 20px;
	background: transparent;
}

#overlay .textOverlayContent{
display:block;
height:475px;
margin:-10px -20px 0 0;
overflow:auto;
padding-right:20px;
padding-top:15px;
}

#content.home .quick-search h2, #overlay.quick-search h2{
	border: none;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -1px;
	color:#203D53;
	margin-bottom: 10px;
	padding: 0;
}
#overlay .contentWrap h2{
	border: none;
	font-size: 20px;
	letter-spacing: -1px;
	background:#203D53;
	color:#FFFFFF;
	margin:-20px -20px 10px;
	padding:10px;
}

#content.home .program-selection {
	background: transparent url(../images/dots.gif) repeat-x top left;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	position: absolute;
	bottom: 0;
	width: 402px;
}

#content.home #inner-content .program-selection h2{
	border: none;
	padding: 0;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #203d53;
}


#content .error404 {
	position: relative;
	height: 391px;
	display: block;
}

#content p.big {
	font-size: 20px;
	color: #203D53;
}

img.image-right {
	height: 391px;
	width: 435px;
	position: absolute;
	top: 1px;
	right: 0;
}


.module-panel {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 20px 0;
}

.module-panel.grey-highlight, .module-panel.blue-highlight {
	border: none;
	margin-bottom: 10px;
}
.module-panel.grey-highlight {background: #f4f4f4;}
.module-panel.blue-highlight {background: #f2fbfe;}


.module-panel .module{
	width: 199px;
	display: block;
	padding: 0 20px;
	float: left;
	background: transparent url(../images/dots-vert.gif) repeat-y top right;
	position: relative;
	min-height: 72px;
}
.module-panel.three-modules .module{
	width: 279px;
}
.module-panel.two-modules .module{
	width: 439px;
}


.module-panel .module h3{font-size: 15px;}
.module-panel .module p.highlight{color: #2d95d7;}
.module-panel .module p.more {
	display: inline-block;}		
.module-panel .module p.more a{	
	background: url(../images/icons/bullet-arrow.png) no-repeat left;
	padding-left: 15px;
	text-decoration: none;
	color: #2d95d7;
	position: absolute;
	bottom: 0;}
.module-panel .module p.more a:hover{
	text-decoration: underline;}	

.module-panel .module.last{background: transparent}

.module-panel .module img{
	float: left;
	margin-right: 10px;
}




/* options in heading section */

.options {
	position: absolute;
	right: 2px;
	bottom: 0px;
	padding-bottom: 10px;
}

#header .options {
	position: absolute;
	right: 2px;
	bottom: -56px;
	padding-bottom: 10px;
	z-index: 10;
}

#header .options.no-heading {bottom: -24px;}

.options ul li{
	display: block;
	margin-left: 15px;
	background: url(../images/icons/bullet-arrow.gif) no-repeat left 12px;
	padding-left: 7px;
	float: left;
	padding-top: 7px;
}

.options ul li.mobile{
	background: url(../images/icons/bullet-mobile.gif) no-repeat 0 2px;
	font-size: 18px;
	font-weight: bold;
	padding-left: 13px;
	color: #00AEEF;
	padding-top: 1px;
	letter-spacing: -1px;
}

.options ul li a{
	color: #00aeef;
	text-decoration: none;
	font-size: 11px;
}

.options ul li a:hover{text-decoration: underline;}

#content #inner-content h2 {
	border-bottom: 1px solid #00aeef;
	padding-bottom: 5px;
	padding-left: 226px;
}

/* buttons */
#content #heading ul.buttons {
	float: left;
	margin-top: 4px;
	z-index: 100;
}

#content ul.buttons, #overlay ul.buttons {
	margin-left: 0;
	list-style-type: none;
}

#content .error404 ul.buttons {
	margin-left: -3px;
}

#content .forms ul.buttons {display: block; margin-left: 215px;}


#overlay .forms ul.buttons {
	margin: 0;}

#content #control h1.program-selection-button {
	background: url(../images/navigation/program-double.png) repeat scroll center top;
	margin-bottom:1px;
	padding:4px 0 2px 10px;
	width:289px;
	margin-left: 0;
	cursor: pointer;
	font-size: 1.45em;
	letter-spacing: -1px;}
#content #control h1:hover.program-selection-button {
	background: url(../images/navigation/program-double.png) center 95%;
}

#content #control {
	position: absolute;
	top: -31px;
	left: 10px;
	z-index: 1;
}

#content #control .program-selection {
	position: absolute;
	z-index: 10;
	top: 32px;
	left: 0;
	width: 400px;
	background: #fff;
	border: 1px solid #ccc;
	padding: 0 10px;
	display: none;}



#content #control .program-selection ul.buttons {
	float: none;
	margin-top: 10px;
	margin-bottom: 10px;
	}

#content .program-selection ul.buttons li {
	margin-bottom: 3px;
}

#content .program-selection ul.buttons li a{
	display: inline-block;
	float: none;
}

#content.home .quick-search .buttons, #overlay  .quick-search .buttons{
	float: right;
	margin-top: 4px;
	}

#content ul.buttons li a, #overlay ul.buttons li a{
	float: left;
	background: url(../images/buttons/default-right.png) no-repeat top right;
    display: block;
    height: 31px;
    margin-right: 6px;
    padding-right: 26px;
    text-decoration: none;	
	color: #fff;
	font-weight: bold;
}

#content button{
	background:transparent url(../images/buttons/default-right.png) no-repeat scroll right bottom;
	border:medium none;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	height:33px;
	letter-spacing:0.1px;
	margin-right:6px;
	padding:0 23px 0 0;
	text-decoration:none;
	margin-left: 210px;
}
#content button span{
	background:transparent url(../images/buttons/default-left.png) no-repeat scroll left top;
	display:inline-block;
	line-height:11px;
	margin:0;
	padding:8px 5px 11px 12px;
	text-shadow:0.1em 0.1em 0.2em black;
	vertical-align:top;
	letter-spacing: -0.3px;
}

#content ul.buttons li.grey-button a{
	background: url(../images/buttons/default-right-grey.png) no-repeat top right;
	color: #666;
}

#content ul.buttons li a span, #overlay ul.buttons li a span{
	background:url(../images/buttons/default-left.png) no-repeat left;
    display: inline-block;
	line-height:12px;
	padding: 8px 5px 11px 12px;
	text-shadow: black 0.1em 0.1em 0.2em;
}
#content ul.buttons li.grey-button a span{
	background:url(../images/buttons/default-left-grey.png) no-repeat left;
	text-shadow: none;
	padding-left: 25px;
}

#content ul.buttons li a:hover{background: url(../images/buttons/hover-right.png) no-repeat top right; cursor:pointer;}
#content ul.buttons li a:hover span:hover{background:url(../images/buttons/hover-left.png) no-repeat left; cursor:pointer;}
#content ul.buttons li.grey-button a:hover{background: url(../images/buttons/hover-right-grey.png) no-repeat top right;}
#content ul.buttons li.grey-button a:hover span{background:url(../images/buttons/hover-left-grey.png) no-repeat left;}
/*
#content ul.buttons li a:active{background: url(../images/buttons/press-right.png) no-repeat top right;}
#content ul.buttons li a:active span{background:url(../images/buttons/press-left.png) no-repeat left;}
*/

#content #inner-content #right-col ul.buttons {
	margin-top: 30px;
	position: absolute;
	bottom: 12px;}
#content #inner-content #right-col ul.buttons li{
	margin-bottom: 3px;
	margin-left: -2px;
	
}
#content #inner-content #right-col ul.buttons li a{
	float: none;
	display: inline-block;
}
#content #inner-content #right-col ul.buttons li a span{
	float: none;
	display: inline-block;
}


/* program selection */
#content .program-selection ul.buttons li a{
	background: url(../images/buttons/home-default.png) no-repeat top left;
    height: 26px;
    padding-right: 0;
	width: 101%;
}
#content .program-selection ul.buttons li a span{
	background: transparent;
	padding:6px 0 5px 11px;
}
#content .program-selection ul.buttons li a:hover{background: url(../images/buttons/home-hover.png) no-repeat top left;}
#content .program-selection ul.buttons li a:hover span{background: transparent;}

/* search results */
#content ul.buttons.result li {
	float: left;}

#content ul.buttons.result li a{
	background: url(../images/buttons/result-default-right.png) no-repeat top right;
    height: 23px;
    padding-right: 20px;
}
#content ul.buttons.result li a span{
	background: url(../images/buttons/result-default-left.png) transparent;
	padding: 5px 4px 6px 11px;
	line-height: 11px;
	
}
#content ul.buttons.result li a:hover{background: url(../images/buttons/result-hover-right.png) no-repeat top right;}
#content ul.buttons.result li a:hover span{background: url(../images/buttons/result-hover-left.png) no-repeat top left;}


/* search */
#content ul.buttons.search li a, #overlay ul.buttons li a{
	background: url(../images/buttons/search-default-right.png) no-repeat top right;
    height: 23px;
    padding-right: 12px;
}
#content ul.buttons.search li a span, #overlay ul.buttons li a span{
	background: url(../images/buttons/search-default-left.png) transparent no-repeat;
	padding: 4px 0 6px 11px;
}
#content ul.buttons.search li a:hover{background: url(../images/buttons/search-hover-right.png) no-repeat top right;}
#content ul.buttons.search li a:hover span{background: url(../images/buttons/search-hover-left.png) no-repeat top left;}



/* promo boxes */
.promo {
	background: url(../images/dots.gif) repeat-x bottom left;
	padding-bottom: 1px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.promo img{float: left;}

.promo .content{
	float: left;
	width: 479px;
	margin-left: 20px;
	margin-right: 30px;
}

.promo .content h3{ letter-spacing: -0.3px;}
.promo .content h4 {letter-spacing: -0.2px;}
.promo .content p {letter-spacing: -0.1px;}

.promo .description h4{
	margin-top: 16px;
	margin-bottom: 3px;
}

.promo .description{
	float: left;
	display: block;
	width: 190px;
}

.promo .description p{
	font-size: 69%;
	display: inline-block;
}

.promo .description p span{
	width: 190px;
}

.promo .description p span.read-more {
	cursor: pointer;
	display: inline-block;
	width: auto;
}

.promo .description p span.read-less {
	cursor: pointer;
	display: none;
	text-align: right;
}

.promo .description p span.read-less img{float: right;}
.promo .description p span.more {display: inline-block;}


#content .programs {
	margin: 0 0 10px 0 !important;
	padding-top: 10px !important;
 	padding-right: 0 !important;
	position: relative;
	padding-left: 10px!important;
	width: 950px !important;
}


#content .small-market {
	margin-top: 3px !important;
}

#left-col {
	display: block;
	width: 296px;
	margin-right: 23px;
	float: left;

}
#right-col {
	display: block;
	width: 629px;
	float: left;
	position: relative;
	z-index: -1;
}
#content #inner-content #left-col h2{
	border: none;
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight: bold;
	color: #5f5f5f;
	background: url(../images/navigation/heading.png) no-repeat top left;
	padding: 8px 10px 8px 10px;
	letter-spacing: -0.3px;
}
#content #left-col ul{
		list-style-type: none;
		margin: 0 0 15px 0;
		padding-top: 5px;
}
#content #left-col ul li{
	font-size: 13px;
	}
#content #left-col ul li a{
	text-decoration: none;
	display: inline-block;
	padding: 4px 10px;
	color: #8a8a8a;
	background: url(../images/navigation/nav-arrow.png) no-repeat 98% 50%;
	width: 276px;
}


#content #left-col ul li a:hover, #content #left-col ul li.selected a{
	/* color: #00aeef; */
	background: url(../images/navigation/nav-arrow-selected.png) no-repeat 98% 50%;
}

#content #left-col ul li.selected a{
	color: #00aeef !important;
	background: url(../images/navigation/nav-arrow-selected.png) no-repeat 98% 50%;
}

#content #left-col ul li.selected a{
	
}
#right-col .content-panel {
	display: block;
	width: 244px;
	height: 332px;
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 20px;
}
#content #inner-content #right-col h2{
	border: none;
	margin: 0 0 15px 0;
	padding: 0;
	color: #5f5f5f;
	padding-left: 0;
	font-size: 15px;
}
#content #inner-content #right-col h3{
	font-size: 14px;
	margin-bottom: 4px;
	letter-spacing: -0.3px;
}
#content #inner-content #right-col p{
	font-size: 13px;
	letter-spacing: -0.2px;
}
#content #inner-content #right-col h4{
	margin-top: 15px;
	font-size: 13px;
	margin-bottom: 4px;	
	letter-spacing: normal;
}
#content #inner-content #right-col p.small{
	font-size: 11px;
	letter-spacing: normal;}



/*------------------------------------------------------------------
 *	Footer
*/
#footer {
	border-top: 4px solid #2d95d7;
	padding-top: 7px;
	color: #979696;
	font-size: 100%;
}

#footer a{color: #979696;}

#footer ul{float: left;}

#footer ul li{
	float: left;
	margin-right: 10px;
	background: #fff  url(../images/grey-pipe.gif) no-repeat left;
	padding-left: 10px;
	font-size: 69%;
}

#footer ul li:first-child, #footer ul li.first {
	background: none;
	padding-left: 0;
}

#footer p{
	float: right;
	font-size: 69%;
}


.home-address {
  	background: #f7f7f7;
	display: block;	
	padding: 20px 0 20px 30px;
	margin-bottom: 10px;
	margin-top: -7px;
}

.home-address-panel {
	background: transparent url(../images/footer-dots.gif) repeat-y top right;
}

.home-address img{
	float: left;
	margin-right: 20px;
}
  
#footer .home-address p{
	float: none;
	margin-bottom: 5px;}
#footer .home-address p strong{
	color: #666;}

#footer .home-address ul li{
	background: transparent;
	padding-left: 0;
	float: none;
	margin-bottom: 3px;}
#footer .home-address ul li a{
	text-decoration: none;}
#footer .home-address ul li a:hover{
	color: #333;}


.home-address .info{
	display: block;
	float: left;
	width: 215px;
}

.info .content {height: 100px; display: block;}

.info .content div {height: 100px; display: block;} 

#footer .home-address ul {float: none;}


/*------------------------------------------------------------------
 *	Contact us googlemaps 
*/
#map {
	width:372px;
	height:469px;
	margin: 0;
	padding: 0;
	margin-left: 7px;
}

/* copyright statement in googlemaps */
#map div {white-space: normal !important;}

/* contact-panel */
#contact-panel {
	background: #c2ecfb;
	padding: 7px;
	margin-bottom: 20px;
}

/* map-side-bar */
#map-side-bar {
	background: #fbfeff;
	padding: 0 20px 0 10px;
	width: 517px;
	float: left;
	position: relative;
	z-index: 1;
}

#map-side-bar div{z-index: 2;}
	
/* map-container */
.map-container {
	padding-top: 0;
	width: 379px;
	float: right;
}

#content #inner-content .map-container h2 {
	border-top: 7px solid #c2ecfb;
	padding-left: 10px;
	border-bottom: none;
	padding-top: 5px;
	background: #203d53;
	color: #FFFFFF;
	font-size: 16px;
	margin-left: 7px;
}

.map-side-bar-hidden {
	background: #FBFEFF;
	display: block !important;
	height: 502px;
	width: 100%;
	position: absolute;
	z-index: -1 !important;
	top: 0;
	left: 0;
}

#content #map-side-bar h2, #content #map-side-bar h3 {
	border: none;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 13px;
	color: #203d53;
	font-weight: bold;
}

#content #map-side-bar h3 {font-size: 12px;}

#content #map-side-bar .address {padding: 0 10px 0 10px;}

#content #map-side-bar .two-cols {
	background: transparent url(../images/dots.gif) repeat-x top left;
	display: block;
	padding-top: 17px;
}

#content #map-side-bar .two-cols div {
	background: transparent url(../images/dots.gif) repeat-x top left;
	display: block;
	margin-bottom: 0;
	margin-right: 17px;
	padding: 17px 10px 4px 10px;
	width: 230px;
	float: left;
}

#content #map-side-bar .two-cols div.clear {
	background: #fff;
	display: block;
	margin-bottom: 0;
	margin-right: 0;
	padding: 0;
	width: 230px;
	clear: both;
	float: none;
	height: 1px;
}

#content #map-side-bar .two-cols div p{
	margin-bottom: 10px;
	display: inline-block;
}

#content #map-side-bar .two-cols  p{	
	color: #00aeef;
	font-weight: bold;
	font-size: 13px;
}

#content #map-side-bar .two-cols p a{	
	color: #00aeef;
	font-weight: normal;
	font-size: 12px;
}

#content #map-side-bar .two-cols div.top {
	background: #fff;
	padding-top: 0;
}

#content #map-side-bar .two-cols div.last {margin-right: 0;}

/* agent selection */
.agentSelectWrapper {
	background:transparent url(../images/form-elements/dropdown_left_double.png) no-repeat scroll left top;
	height:25px;
	margin-left:10px;
	position:relative;
	width:200px;
}

.agentSelectWrapper:hover {background: url(../images/form-elements/dropdown_left_double.png) no-repeat bottom left;}

.agentSelectWrapper div span {
	cursor:pointer;
	float:none;
	font-size:12px;
	height:25px;
	line-height:15px;
	overflow:hidden;
	padding:3px 0 0 12px;
	position:absolute;
	white-space:nowrap;
}

.agentSelectWrapper a.jqTransformSelectOpen {
	background:#FFFFFF url(../images/form-elements/dropdown_arrow_double.png) no-repeat scroll center top;
	display:block;
	height:25px;
	position:absolute;
	right:0;
	width:22px;
}

.agentSelectWrapper:hover  a.jqTransformSelectOpen {background: #fff url(../images/form-elements/dropdown_arrow_double.png) no-repeat center bottom;}

#content .agentSelectWrapper ul{
	background-color:#FFFFFF;
	border-color:-moz-use-text-color #CCCCCC #CCCCCC;
	border-style:none solid solid;
	border-width:medium 1px 1px;
	display:block;
	left:0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 3px 0 1px;
	overflow-x:hidden;
	padding:0 0 10px 0;
	position:absolute;
	top:23px;
	z-index:10;
}

.agentSelectWrapper ul li {
	margin:0;
	padding:0 16px;
	width:85%;
}

.agentSelectWrapper ul li a{
	background:transparent url(../images/form-elements/grey_dotted_line.gif) repeat-x left bottom !important;
	color:#333333;
	display:block;
	font-weight: normal;
	font-size:12px;
	padding:7px 2px;
	text-decoration:none;
	text-align: left;
}

.agent-contact-panel {
	padding-top: 20px;
	margin-left:10px;
}

.agent-contact-panel img{
	float: left;
	margin-right: 10px;
}

.agent-contact-panel .highlight, .agent-contact-panel a{color: #00aeef;}
	
.worldwide {
	background: #fdfeff;
	padding: 30px;
}

.headoffice {
	float: left;
	width: 166px;
}

#content #inner-content .worldwide h2{
	border: none;
	padding: 0;
	font-size: 18px;
	color: #203d53;
	margin-bottom: 20px;
}

.worldwide #map{
	width: 691px;
	height: 325px;
	float: left;
	border: 1px solid #00aeef;
}

.regional-hubs {
	margin-top: 20px;
	padding-top: 20px;
	display: block;
	background: #fff url(../images/dots.gif) repeat-x top left;
}

.regional-hubs .clear{
	height: 1px;}

.regional-hubs h2{margin-bottom: 10px;}

.regional-hubs .location{
	width: 209px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}
.regional-hubs .location p{
	margin-bottom: 0;}
.regional-hubs .location.last{
	margin-right: 0;
	background: #fff;
}

.regional-hubs .location span.right{
	background: #fff url(../images/dots-vert.gif) repeat-y top right;
	width: 100%;
	display: block;
}
.regional-hubs .location.last span.right{
	background: #fff;
}
.regional-hubs .location span.bottom{
	background: #fff url(../images/dots.gif) repeat-x bottom left;
	width: 199px;
	display: block;
	height: 10px;
}

.regional-hubs .location h3 {color: #00aeef;}

.sales-offices {
	padding-top: 20px;
	background: #fff url(../images/dots.gif) repeat-x top left;
}

.sales-offices h2 {margin-bottom: 10px;}

.sales-offices dl {
	width: 288px;
	float: left;
	margin-bottom: 0;
}

.sales-offices dl dt{
	float: left;
	width: 190px;
	font-size: 11px;
	white-space: nowrap;
}

.sales-offices dl dd{margin-bottom: 5px;}



/* brochure */
#content #inner-content .brochure {padding-bottom: 20px;}
#content #inner-content .brochure h2 {
	font-size: 14px;
	padding-left: 0;
	border: none;
	padding-bottom: 10px;
	margin-top: 30px;
	background: url(../images/dots.gif) repeat-x bottom left;
}
#content #inner-content .brochure .brochure-heading {		
	background: url(../images/dots.gif) repeat-x bottom left;	
	margin-top: 30px;
	display: block;
	
}
#content #inner-content .brochure .brochure-heading h2{
	padding-top: 15px;
	background: transparent;
	float: left;
	margin-top: 0;
}
#content #inner-content .brochure ul.buttons{
	float: right;
	margin-right: -9px;
}
#content #inner-content .brochure ul.buttons li{
	display: block;
	float: left;
}
#content #inner-content .brochure .promo {
	margin-bottom: 15px;
	clear: both;
}
#content #inner-content .brochure .promo .image {
	background: #f2fbfe;
	display: block;
	padding: 5px 5px 5px 10px;
	width: 70px;
	float: left;
}
#content #inner-content .brochure .promo .image a{
	margin-top: 20px;
	margin-right: 5px;
}
#content #inner-content .brochure .promo .content {
	margin-left: 10px;
	width: 545px;
	margin-right: 0;
}
#content #inner-content .brochure .promo .content h3{
	font-size: 14px;
	margin-bottom: 5px;
}
#content #inner-content .brochure .promo .content h4{font-size: 13px; color: #203D53;}	 		
#content #inner-content .brochure .promo .content p{
	margin-bottom: 0;
	font-size: 0.7em;
	line-height: 1.1em;

}

.top-panel-wrapper{
	z-index: 100;
	width: 960px;
	top: 0;
}
.top-panel {
	background: transparent url(http://media.ef.com/_imgs/aboutef/2010/misc/top-panel/right.png) no-repeat bottom right;
	width: 948px;
	padding: 0 15px 0 0;
	margin: 0;
}
.top-panel .content{
	display: block;
	width: 928px;
	background: transparent url(http://media.ef.com/_imgs/aboutef/2010/misc/top-panel/left.png) no-repeat bottom left;	
	padding: 20px 0 20px 20px;
	margin: 0;
	min-height: 640px;
}
.top-panel .content p.intro{
	font-size: 15px;
	color: #203d53;
	font-weight: bold;
	
}
.top-panel .content p{font-size: 13px;}
.top-panel-wrapper .global {
	right: 10px;
	font-size: 12px;
	width:560px; 
	float:right;
}
/*div {border:1px dashed #ccc;}*/

#ef_logo 
{
	float:left;
}

.top-panel-wrapper .global p 
{
	float:right;
}
.top-panel-wrapper #close, .top-panel-wrapper p#close  {
	background: transparent url(http://media.ef.com/_imgs/aboutef/2010/misc/top-panel/right.png) no-repeat right -1072px;
	font-size: 12px;
	color: #FFFFFF;
	padding:0;
	font-size: 11px;	
		display:inline-block;
}
.top-panel-wrapper #close-top{
	position: absolute;
	top: 5px;
	right: 22px;
}


.top-panel-wrapper #close a{
	background: transparent url(http://media.ef.com/_imgs/aboutef/2010/misc/top-panel/left.png) no-repeat 0 -1068px;
	height:30px;
	display:inline-block;
	padding-left:20px;
padding-top:5px;
padding-right:4px;
text-decoration:none;
margin-right:15px;
}

.top-panel-wrapper #close a span {
padding-bottom:1px;
padding-top:4px;
width:auto;
}


.top-panel-wrapper #close a:hover{
	color: #005B82;
	text-decoration:underline;
}
.top-panel-wrapper #close-top a{
	text-decoration: none;
	font-size: 11px;
}
.top-panel-wrapper #close a span.dotted {
	background:url(http://media.ef.com/master/aboutef/V1/misc/dots.gif) top left repeat-x;
	padding-top: 6px;
	width: auto;
}
.top-panel-wrapper #close a span.arrow {
/*	background:url("http://media.ef.com/_imgs/ly/2010/header/arrowDown.gif") no-repeat scroll left 0 transparent; */
	width:92px;
	height:14px;
	display:block;
	margin:0;
	padding:0;
}

.top-panel-wrapper #close a span.arrow img {
	float: left;
	margin-right: 2px;
	margin-top: 2px;
}
.top-panel-wrapper #close-top a span.arrow img {
	float: left;
	margin-right: 5px;
}

.top-panel-wrapper #close-top a span.arrow {
	background: url(http://media.ef.com/_imgs/aboutef/2010/misc/top-panel/arrow_up.gif) no-repeat right;
	padding-right: 20px;
	padding-top: 3px;
}
.top-panel-wrapper #close a span.close {
	background: url(http://media.ef.com/_imgs/aboutef/2010/misc/top-panel/close.gif) no-repeat right;
	padding-right: 20px;
	padding-top: 3px;
}
.top-panel-wrapper #close a:hover span.close {background: url(http://media.ef.com/_imgs/aboutef/2010/misc/top-panel/close_hover.gif) no-repeat right;}



div.dotted {
	background: url(../images/dots.gif) repeat-x bottom left;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 10px;}
.cols {
	background: url(../images/country-dots.gif) repeat-y top left;
	margin: 0 0;}
.cols  div.countrys{
	width: 120px;
	float: left;
	padding: 0 17px;	
}
.cols div.countrys .heading{
	font-size: 12px;
	color: #009cdc;
	margin-bottom: 5px;
}
.cols  div.countrys ul {margin-bottom: 10px;}
.cols  div.countrys ul li {margin-bottom: 3px;}
.cols  div.countrys ul li a{
	color: #333;
	text-decoration: none;
}	
.cols  div.countrys ul li a:hover{color: #005B82;}
.cols  div.countrys .forms  {padding-left: 0;}
.cols div.countrys .forms .jqTransformSelectWrapper{width: 132px !important;}
#header .cols div.countrys .forms .jqTransformSelectWrapper ul{
	width: 128px !important;
	height: 500px !important;
}	




/* the overlayed element */ 
.simple_overlay {      
    display:none; 
    z-index:10001; 
    background-color:#fff; 
    border:10px solid #00AEEF; 
}

.overlayWrapper {
	position: relative !important;
	z-index: 10000;}

.text-pop-up {
	left: 200px !important;
	top: 0 !important;
}
.form-pop-up {
	left: 302px !important;
	top: 0 !important;
}
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background: url(../images/overlay/close.png) no-repeat; 
    position:absolute; 
    right: 0; 
    top: 9px; 
    cursor:pointer; 
    height:35px; 
    width:27px; 
}



/* loading */
#loading {
	position:absolute;
	top: 300px;
	left: 370px;
}


#right-col #loading {
	position:absolute;
	top: 200px;
	left: 200px;
}



.image-block {
	position: relative;
	margin-bottom: 10px;
}
.image-block .content{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 640px;
	height: 40px;
}
.image-block .content p{
	float: left;
	color: #fff;
	font-size:16px;
	margin:10px 0 0 10px;
	padding:0;	
}
.image-block .content ul.buttons{
	position: absolute;
	top: 6px;
	right: 0;
}


.thank-you-panel {
	background: #dedede url(images/dots.gif) repeat-x top left;
	padding: 20px 10px;
	margin-bottom: 20px;
	position: relative;
	height: 575px;
}
.thank-you-panel .content {
	width: 50%;
	
}

.facebook{
	/*
	position: absolute;
	top: 20px;
	right: 10px;
	
	height: 575px;
	*/
}

#company-fact-sheet
{
	background-color:#FFFFFF;

	}