/* ~~~~~~~~~~~~~~~ 3 COL LAYOUTS (Home) ~~~~~~~~~~~~~~~ */
.tpl-3col-home #content-wrapper { float: left; width: 100%; }
	
	/* Main Content */
	.tpl-3col-home #content-main { width: 760px; float: left; }
	
	/* Headings */
	/*.tpl-3col-home #content-main h2 { position: absolute; margin-left: -9000px; }*/
	
	/* ~~~~~~~~~~~~~~~ CONTENT: WRAPPER for other browsers like FF, Opera etc... ~~~~~~~~~~~~~~~ */
		#content-wrapper { margin: 0px; padding-top: 2px; background: transparent;}
		
		#wrapper { position: relative; margin: 0 auto; text-align: left; width: 981px;}

	
	/* ~~~~~~~~~~~~~~~ BANNER SECTION (Home) ~~~~~~~~~~~~~~~ */
	#banner-Holder { background: url(../media/interface-new/banner-bg.gif) repeat-x left top; margin: 0px auto; width: 981px; 
position: relative; height: 166px; }

#left-banner-content { background-color:#3b4c6d; width:220px; height:156px; float:left; margin:5px; overflow: hidden; display: inline; }

#flash-container { background-color:#FFF; float:left; width:746px; height:156px; margin: 5px 5px 5px 0px; overflow: hidden;
display: inline; /*background: url(../media/interface-new/banner-apr-may-homepage-bg.jpg) no-repeat left top;*/ }

#left-banner-content h1 { padding: 10px 10px 0px 10px; font-weight: bold; font-size: 1.7em; color: #FFF; line-height: 1.1em; }

#left-banner-content p { padding: 0px 10px 10px 10px; font-weight: normal; font-size: 1.3em; color: #FFF; }

	
/* ~~~~~~~~~~~~~~~ CONTENT SECTION (Home) ~~~~~~~~~~~~~~~ */
.content-Holder { margin: 0px auto; width: 981px; position: relative; background-color: #FFF; padding: 0em 0em 1em 0em; overflow: hidden; }

	.left-content-section { float: left; margin: 0.2em 0em 0em 0em; width: 225px;}

	.left-content-section1 {   float: left; margin: 0em 0em 0.5em 0em; width: 203px; padding: 1em 1em 1em 1em;  border: #CCC 1px solid; }
	
	.home-signup-section {   float: left; margin: 0em 0em 0.5em 0em; width: auto; padding: 0.55em;  border: #CCC 1px solid; background:#E2E6EF; }
		
		 .home-signup-section h3 { font-weight: bold; font-size: 1.30em; color: #000; line-height: 1.1em; text-align: left; margin:0em 0em 0.3em 0em; }
		 .home-signup-section .errorStyle { float:left; color:#ff0000; background:#FFFF33; padding: 1px; }
		 
	.signup-section {   float: left; margin: 0em 0em 0.5em 0em; width: 212px; padding: 0.55em;  border: #CCC 1px solid; background:#E2E6EF; }
		
		 .signup-section h3 { font-weight: bold; font-size: 1.30em; color: #000; line-height: 1.1em; text-align: left; margin:0em 0em 0.3em 0em; }
		 .signup-section .errorStyle { color:#ff0000; background:#FFFF33; padding: 1px; }
		  
	 .txtBox { border:1px solid #999; height:20px; width:171px; float: left; }
	 	
			.alertTxt { color:#ff0000; font-weight:bold; font-size: 1.15em; }
	 		
			.signup-btn { background: url(../media/interface-new/signup-btn-bg.gif) repeat-x left top; color:#fff; border:none; font-weight: bold; font-variant:small-caps; float: left; height:24px; line-height:1em; cursor: pointer; }

		.left-content-section1 h3 { font-weight: bold; font-size: 1.7em; color: #000; line-height: 1.1em; text-align: left; margin:0.25em 0em 0.3em 0em; }

.left-content-section1 h4 { font-weight: bold; font-size: 1.2em; margin: 0.8em 0em 0.5em 0em; color: #333399; }

.left-content-section1 h5 { font-weight: bold; font-size: 1.2em; color: #000000; margin:1em 0em 0.3em 0em ; }

.left-content-section1 ul { margin: 0px; padding: 0em 0em 0.5em 0.5em; list-style-type: none; }

.left-content-section1 li { display: block; font-weight: normal; font-size: 1.25em; color: #333399; }

.left-content-section1 img { border-style: none; margin: 3em 0em 3em 2em; }

.content-section { float: left; margin: 2px 4px 0px 4px; width: 530px; background-color: #FFF; overflow: hidden; }

.content-top-section-home { background: url(../media/interface-new/mid-section-hd-bg.gif) repeat-x left top; border: #cfd2d6 1px solid; 
overflow: hidden; width: auto; padding: 5px 5px 5px 5px; text-align: left; display: inline-block; }

.content-top-section-home h3 { font-weight: bold;  font-size: 1.2em; padding: 0.55em 0px 1.3em; color: #000; line-height: 1.1em; }

/*Sale header style*/
.content-top-section h3.header-Sale { font-weight: bold;  font-size: 1.4em; padding: 0.55em 0px 1.3em; color: #000; line-height: 0.60em; color:#FF0000; }

.content-top-section h3.header-Sale a { color:#FF0000!important; }
.redTxt { color:#FF0000!important; }
/**********/


.content-top-section-home h4 { font-weight: 600; font-size: 1.7em; color: #FFF; padding: 10px 0.55em 0 4.50em; }

.content-top-section-home h4.cobuild { font-weight: 600; font-size: 1.7em; color: #FFF; padding: 0px 0.55em 0 4.50em; }

.view-btn-cobuild {  float: right; padding: 0em 1em 0 0; }

.view-btn-cobuild a { color:#FFF !important; clear: left; padding:0 1.80em 6px 0; font-weight: bold;  font-size: 1.35em; background: url(../media/interface-new/language-view.gif) no-repeat right top; font-variant:small-caps; }
	
.view-btn-cobuild a:hover { color:silver !important; }

.content-english-section { background: url(../media/interface-new/english-learning-bg.jpg) no-repeat left top; float: left; 
width: 256px; margin: 0em 0.55em 0em 0em; height: 68px; overflow: hidden; }
	
.content-german-section { background: url(../media/interface-new/german-learning-bg.jpg) no-repeat left top; float: left; width: 256px; height: 68px; overflow: hidden; }

		
.content-spanish-section { background: url(../media/interface-new/spanish-learning-bg.jpg) no-repeat left top; float: left; margin: 0.55em 0.55em 0em 0em; width: 256px; height: 68px; overflow: hidden; }

		
.content-italian-section { background: url(../media/interface-new/italian-learning-bg.jpg) no-repeat left top; float: left; margin: 0.55em 0em 0em 0em; width: 256px; height: 68px; overflow: hidden; }
		
		
.content-french-section { background: url(../media/interface-new/french-learning-bg.jpg) no-repeat left top; float: left; margin: 0.55em 0.55em 0em 0em; width: 256px; height: 68px; overflow: hidden; }

		
.content-cobuild-section { background: url(../media/interface-new/cobuild-learning-bg.jpg) no-repeat left top; float: left; margin: 0.55em 0em 0.50em 0em; width: 256px; height: 68px; overflow: hidden; }

.view-btn {  float: right; padding: 0.8em 1em 0 0; }
	
	.view-btn a { color:#FFF !important; clear: left; padding:0 1.80em 6px 0; font-weight: bold;  font-size: 1.35em; background: url(../media/interface-new/language-view.gif) no-repeat right top; font-variant:small-caps; }
		
		.view-btn a:hover { color:silver !important; }
			
			

.language-learning-section { clear: left; padding: 0px 0px 0px 2em; font-weight: 700;  font-size: 0.65em; background: url(../media/interface-new/language-view.gif) no-repeat right top; float: right; margin: 0.6em 0.55em 0em 0em; }

.language-learning-section a { color: #FFF; text-decoration: none; }

.content-mid-section { margin: 0.5em 0em 0em; overflow: hidden; width: 530px; background: #FFF; }

.content-mid-section1 { background: url(../media/interface-new/mid-section-hd-bg.gif) repeat-x left top; border-left: #cfd2d6 1px solid; border-right: #cfd2d6 1px solid; border-top: #cfd2d6 1px solid; float: left; width: 260px; /*padding: 0.44em 0.55em 0.2em 0.55em;*/ height: 225px; }

.content-mid-section1 h3 { font-weight: bold; font-size: 1.2em; margin: 0.55em 0px 1.3em 0.7em; color: #000; line-height: 1.1em; }

.content-mid-section1 .lang-learning { font-size:1.2em; padding:1.65em 0 0em 0em; background: url(../media/interface-new/language-learning-bg.jpg) no-repeat 5px 20px; height: 142px; }

		.content-mid-section1 .lang-learning  .imgHolder { float: left; }
		
		.content-mid-section1 .lang-learning  .txtHolder { float: left;  width: 159px;}

		.content-mid-section1 .lang-learning  .imgHolder a { display: block; /*background:#CCC;*/ width: 101px; height: 135px; }

.border-bottom-holder { float: left; width: 265px; }
	
	.border-box-left { float: left; width: auto; } .border-box-right { float: right; width: auto; }

.border-bottom { clear: both; background: url(../media/interface-new/border-bottom-bg.gif) no-repeat center top; overflow: hidden; width: 262px; height: 7px; }

.content-mid-section2 { border-top: #cfd2d6 1px solid; border-left: #cfd2d6 1px solid; border-right: #cfd2d6 1px solid; background: url(../media/interface-new/mid-section-hd-bg.gif) repeat-x left top; float: left; width: 260px; /*padding: 0.44em 0.55em 0.2em 0.55em;*/ height: 225px; }

.content-mid-section2 h3 { font-weight: bold; font-size: 1.2em; margin: 0.55em 0px 1.3em 0.7em; color: #000; line-height: 1.1em; }

.content-mid-section2 p { padding: 1.52em 0.5em 0 1em; }

.word-translator-blue-small { font-size: 1.2em; color: #6666CC; }

.word-translator-blue-biggar { font-size: 1.6em; color: #6666CC; }

.word-translator-blue-big { font-size: 1.4em; color: #6666CC; }

.word-translator-blue-bold { font-weight: bold; font-size: 1.2em; color: #6666CC; }

.word-translator-blue-bold1 { font-weight: bold; font-size: 1.1em; color: #6666CC; }

.word-translator-blue-yellow { font-size: 1.8em; color: #ffCC00; }

.word-translator-sky-bold { font-weight: bold; font-size: 1.8em; color: #0066CC; }

.word-translator-blue-smallar { font-size: 1.1em; color: #6666CC; }

.word-translator-blue-smallar { font-size: 1.1em; color: #6666CC; }

.word-translator-purple { font-size: 1.8em; color: #9933CC; }

.word-translator-black { font-size: 1.8em; color: #000; }

.word-translator-green { font-size: 1.8em; color: #66CC33; }

.try-now-button { padding: 0.44em 1.20em 0em 0em; float: right; }

.content-resource-section { border-right: #cfd2d6 1px solid; border-top: #cfd2d6 1px solid; background: url(../media/interface-new/mid-section-hd-bg.gif) repeat-x left top; margin: 0.55em 0em 0em 0em; overflow: hidden; 
border-left: #cfd2d6 1px solid; width: auto;  padding: 0.5em 0em 0em 0em; }


.resource-border-bottom { clear: both; background: url(../media/interface-new/resource-border-bottom-bg.gif) no-repeat center top; 
margin: 0px 0px 0.55em 0px; overflow: hidden; width: 528px; height: 6px; }

.resource-border-holder { float: left; }

.language-learning-courses-section { padding: 0em; /*background: url(../media/interface-new/language-learning-courses-bg.gif) no-repeat center top;*/ width: 479px; height: 125px; }

.content-resource-section p { font-size: 1.1em; color: #000; padding: 0.2em 0em 0.2em 1.5em; }

.content-last-section { background:transparent url(../media/interface-new/mid-section-hd-bg.gif) repeat-x scroll left top;
border-left:1px solid #CFD2D6; border-right:1px solid #CFD2D6; border-top:1px solid #CFD2D6; margin:0; overflow:hidden;
padding:0.55em 0 0 0.6em; text-align:left; width:auto; height: 60px; }

.content-last-section a { font-weight: bold; font-size: 1.2em; margin: 0px 0.375em 0em; color: #006699 !important; text-align: left; text-decoration: none; }

.content-last-section a:hover { color: inherit!important; }


.content-resource-section h3 { font-weight: bold; font-size: 1.2em; margin: 0.55em 0px 1.3em 0.7em; color: #000; line-height: 1.1em; }

.content-last-section h3 { font-weight: bold; font-size: 1.2em; margin: 0.55em 0px 1.3em 0.7em; color: #000; line-height: 1.1em; }

.right-section { background-color:#FFF; float:left; /*margin: 0em 0em 0em 0em;*/ width:216px; }

.right-content-top-section1 { border: #cfd2d6 1px solid; background: #e2e6ef /*url(../media/interface-new/right-section-hd-bg.gif) repeat-x left top*/; margin: 0.2em 0em 0em 0em; overflow: hidden; width: 216px; height: 72px; }

.activ-ur-dic { /*background: url(../media/interface-new/btn-activ-dic.gif) no-repeat center top;*/ padding: 0.55em; height: 43px; }

.activ-ur-dic h3 { color:#000; font-size:1.1em; font-weight:bold; line-height:1.1em; margin:0 0 0.3em; text-align:center; }
	
	.activ-ur-dic .inputbox { display: none; }
	
		.right-content-top-section1 a { color:#333 !important; line-height: 1em; }

.right-content-top-section1 p { font-size: 1em; float: right; margin: 0em 1em 0em 0em; }

/*.right-content-promo-section1 { background: #3b4c6d url(../media/interface-new/wordoftheday-bg.gif) no-repeat left top; margin: 0.5em 0em 0em; overflow: visible; width: 214px; height: 245px; padding: 3.5em 0 0 0.6em; }*/

/************ New style for wordia *********/
.right-content-promo-section1 { border: 1px solid #CFD2D6; background: #fff url(../media/wordia/wordia-bg.jpg) no-repeat left top; margin: 0.5em 0em 0em; overflow: visible; width: 208px; height: 223px; padding: 6.5em 0 0 0.6em; }
		
		.right-content-promo-section1 p { color:#FFF !important; font-size:1.1em; height:200px; overflow:auto; padding:0 0.7em; text-align:left; width:auto; }
				
				.right-content-promo-section1 .headword { color:#FFF !important; font-size:1.65em; font-weight:400; letter-spacing:0.045em; }
				
				.right-content-promo-section1 .examplephrase { color:#FFF !important; }
				
				.right-content-promo-section1 .getemailBtn { float:right; padding:0.75em 0.6em 0 0; }
				
				.right-content-promo-section1 .genericlabel, .defpartofspeech { color:#FFF !important; }


.right-content-promo-section2 { background: url(../media/interface-new/right-section-promo2-bg.gif) repeat-x left top; margin: 0.5em 0em 0em; overflow: hidden; width: 216px; height: 120px; }

.right-news-section { border: #cfd2d6 1px solid; margin: 0.5em 0em 0em; overflow: hidden; width: auto; padding: 1.4em 0.55em 1em 0.99em; }

.right-news-section h3 { padding: 0em; font-weight: 800; font-size: 1.4em; margin: 0em; color: #000; }

.right-news-section h4 { padding: 0em; font-weight: bold; font-size: 1.1em; margin: 0em; color: #333399; }

.right-news-section p { padding: 0em; font-weight: normal; font-size: 1.1em; margin: 0em; color: #000; }

.right-news-section p a { padding: 0em; margin: 0em; color: #333399; text-decoration: none; }

.right-news-section p a:hover, .right-news-section p a:active { color:#999; }

.right-blog-section { border:#cfd2d6 1px solid; margin: 0.5em 0em 0em; overflow: hidden; width: auto; padding:1.4em 0.55em 1.2em 0.99em; }

.right-blog-section h3 { font-weight: 800; font-size: 1.4em; margin: 0em;  color: #000; padding: 0em; }

.right-blog-section h4 { font-weight: bold; font-size: 1.1em; padding: 0em; margin: 0em;  color: #333399; }

.right-blog-section p { font-weight: normal;  font-size: 1.1em; margin: 0em; color: #000; padding: 0em; }

.right-blog-section p a { padding: 0em; color: #333399; text-decoration: none }

.right-blog-section p a:hover, .right-blog-section p a:active { color:#999; }

.right-blog-section .rssfeed { background: url(../media/collinsblog/rss-icon.png) no-repeat scroll left 2px; margin:0 0 0 0.45em; padding:0 0 0 1.25em;
}




/* ~~~~~~~~~~~~~~~ HOMEPAGE FOOTER  ~~~~~~~~~~~~~~~ */	
	
	#footerhomepage { clear: left; text-align: center; margin: 0 auto; background:#8892AA url(../media/interface-new/footer-bg.gif) repeat-x left top; height: 211px; }
	
	
		
		#footerhomepage h2 { position: absolute; margin-left: -9000px; }
		/*footer about section*/
		#footerhomepage ul.about {list-style-type:none; float:left; width:150px; padding:0em 0em 1em 3em; font-size:9pt; font-weight:800; color:#FFF !important; text-align:left; margin:1em 0em 0em 0em;  }

		#footerhomepage ul.about li { font-size:8.50pt; color:#FFF !important; text-align:left; margin:0em; font-weight:normal; border-right: none; display:block; text-align:left; }

		#footerhomepage ul.about li a { color:#FFF !important; padding:0em; } #footerhomepage ul.about li a:hover { color:#999 !important; }
		
		#footerhomepage ul.about li a:hover { color: #000 !important; }
		
		/*footer dictionary section*/
		#footerhomepage ul.dict {list-style-type:none; float:left; width:240px; margin:1em 0em 1em 0em; padding:0em; font-size:9pt; font-weight:800; color:#FFF !important; text-align:left; }

		#footerhomepage ul.dict li { font-size:8.50pt; color:#FFF !important; text-align:left; margin:0em; font-weight:normal; border-right: none; display:block; text-align:left; }

		#footerhomepage ul.dict li a { color:#FFF !important; padding:0em; } #footerhomepage ul.dict li a:hover { color:#999 !important; }
		#footerhomepage ul.dict li a:hover { color: #000 !important; }
		
		/*footer free-dictionary section*/
		#footerhomepage ul.free-dict { float:left; width:240px; margin:1em 0em 1em 0em; padding:0em; font-size:9pt; font-weight:800; color:#FFF !important; text-align:left; }

		#footerhomepage ul.free-dict li { font-size:8.50pt; color:#FFF !important; text-align:left; margin:0em; font-weight:normal; border-right: none; display:block; text-align:left; }

		#footerhomepage ul.free-dict li a { color:#FFF !important; padding:0em; } 
		
		#footerhomepage ul.free-dict li a:hover { color: #000 !important; }


		/*footerhomepage related sites section*/
		#footerhomepage ul.related {list-style-type:none; float:left; width:150px; margin:1em 0em 1em 0em; font-size:9pt; font-weight:800; color:#FFF; text-align:left; padding:0em; }

		#footerhomepage ul.related li { font-size:8.50pt; color:#666; text-align:left; margin:0em; font-weight:normal; border-right: none; display:block; text-align:left; }

		#footerhomepage ul.related li a { color:#FFF !important; padding:0em; } #footerhomepage ul.related li a:hover { color:#999 !important; }
		
		#footerhomepage ul.related li a:hover { color: #000 !important; }

		/*footerhomepage help sites section*/
		#footerhomepage ul.help {list-style-type:none; float:left; width:150px; margin:1em 0em 1em 0em; font-size:9pt; font-weight:800; color:#FFF; text-align:left; padding:0em; }

		#footerhomepage ul.help li { font-size:8.50pt; color:#666; text-align:left; margin:0em; font-weight:normal; border-right: none; display:block; text-align:left; }

		#footerhomepage ul.help li a { color:#FFF !important; padding:0em; } #footerhomepage ul.help li a:hover { color:#999 !important; }
		
		#footerhomepage ul.help li a:hover { color: #000 !important; }

		/*footer terms and conditions sites section*/
		#footerhomepage ul.tmcds {list-style-type:none; float:left; width:150px; margin:1em 0em 1em 0em; font-size:9pt; font-weight:800; color:#FFF; text-align:left; padding:0em; }

		#footerhomepage ul.tmcds li { font-size:8.50pt; color:#666; text-align:left; margin:0em; font-weight:normal; border-right: none; display:block; text-align:left; }

		#footerhomepage ul.tmcds li a { color:#FFF !important; padding:0em; } #footerhomepage ul.tmcds li a:hover { color:#999 !important; }
		
		#footerhomepage ul.tmcds li a:hover { color: #000 !important; }
		
		/*footer terms and conditions sites section*/
		#footerhomepage ul.campaign {list-style-type:none; float:right; width:120px; margin:1em 2em 1em 0em; font-size:9pt; font-weight:800; color:#FFF; text-align:left; padding:0em; }
		
		
		#info-box-home { position:absolute; height:188px; z-index:1; right: 22px; top: 152px; visibility:hidden; margin:0em; background: url(../media/interface-new/info-box-bg.gif) no-repeat top left; width: 180px; overflow: hidden; }

#info-box-home p { margin: 0em; padding: 9px; font-size: 0.95em; }