/* CSS Document */

/* The file below is read by all browsers. Hacks for IE56 and IE7 for Windows are in the separate css files. */

@import "ie6win.css";
@import "ie7win.css";

html {overflow-x: auto; height:100%;}

body {
    margin:0;
    padding:0;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.8em;
	color:#464646;
    background: #014848 url(../images/gradientBG1.jpg) 0 0  repeat-x scroll;
	}
	
h1, h2, h3, h4, h5, h6, p {
	position: relative;
}

form {
padding:0;
margin:0;
}
form br {
display:none;
}
legend {
	display: none;
}
caption {
	display: none;
}
summary {
	display: none;
}
fieldset {
border:none;
}
.invisible {
	display: none;
}
.floatLeft {
	float: left;
}	

.floatLeft img {
	margin-top:5px;
}	

.floatLeft.midImg {
margin-right:40px;
margin-left:40px;
margin-top:5px;
}	


.floatRight {
	float: right;
}
.theBreaker {
	height: 1px;
	clear: both;
	overflow: hidden;
}
.theBreaker10 {
	height: 10px;
	clear: both;
	overflow: hidden;
}


.theBreaker20 {
	height: 20px;
	clear: both;
	overflow: hidden;
}

.theBreakerLine {
	height: 1px;
	clear: both;
	overflow: hidden;
	border-top:1px solid #666;
}
.accessible {
	position: absolute;
	top: -9999em;
}
/*Generic Levin image replacement -  http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace
{ 
	position:relative; 
	margin:0px; 
	padding:0px; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ overflow: hidden; /* */ 
} 
.replace span
{
	display:block; 
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:1; /*for Opera 5 and 6*/ 
}
/* begin project specific CSS: Firefox 2.0 */
/* main structure & common elements */

strong {
font-weight:700
}

.red {
	color: #E20000;
	font: bold;
}

#topContainer {
width:985px;
height:1023px;
background: url(../images/bg1.jpg) 0 0  no-repeat scroll;
margin:0 auto;
position:relative;
}

#container{
text-align:left;
width:965px;
position:absolute;
top:25px;
left:10px;
}


#header{
background: url(../images/topHeader.png) top left no-repeat;
height:115px;
width:965px;
position:relative;
}

#logoArea {
 display:none;   
}
#topBar {
    display:none;   
}

#topMenuBar {
background: url(../images/topMenuBar.jpg) top left repeat-x;
height:23px;
width:965px;
position:absolute;
bottom:0
}

#topMenuBar span {
float:right;
display:block;
color:#fff;
}

#topMenuBar a {
color:#fff;
font-size:0.9em;
line-height:1.8em
}


#topMenuBar a:hover {
color:#FFFF00;
}

#wrapper {
float:left;
width:100%;
background:#fff;
}

#content{
margin: 0 190px 0 185px;
padding:10px;
background:#fff;
border-left:3px double silver;
border-right:3px double silver;
}

div.downloadList  {
margin:20px 0 20px 0;
border-bottom:1px solid #E8E8E8;
padding-bottom:10px;
}

div.downloadList ul li {
clear:both;


}

div.downloadList a.dButton {
display:block;
float:left;
height:26px;
overflow:hidden;
background: transparent url(../images/buyButton.jpg) no-repeat scroll 0 0;
width:85px;
text-decoration:none;
font-size:1em;
font-weight:700;
line-height:2em;
margin-bottom:10px;
margin-right:20px;
text-align:center;

}

div.downloadList a.dLink {
display:block;
float:left;
line-height:1.9em;
}

div.downloadList a.more {
display:block;
width:100px;
float:left;
clear:both;
margin-left:2px;
}


div.downloadList p {
font-size:1.2em;
}

div.downloadList li {
list-style-type:none;
margin-left:-30px;
margin-bottom:6px;
}

div.downloadList ul {
margin-left:-10px;
}

#leftColumn {
float:left;
width:185px;
margin-left:-965px;
background:#fff;
padding-bottom:20px
}

div.leftMenu {
margin:5px 2px 0 2px;
}

div.leftMenuTop {
background: url(../images/leftMenuTop.gif) top left no-repeat;
height:30px;
width:180px;
}

div.leftMenuMid {
background:#E8E8E8;
width:180px;
}

div.leftMenuBottom {
background: url(../images/leftMenuBottom.gif) top left no-repeat;
height:23px;
width:180px;
}

div.leftMenuMid ul#menu {
margin:0;
padding:2px 0 2px 0;
background:#E8E8E8;
}

div.leftMenuMid ul#menu li {
display:block;
margin:5px 0;
padding-left:6px;
width:175px;
height:18px;
}


div.leftMenuMid ul#menu li a {
color: #666;
text-decoration:none;
display:block;
padding:3px;
height:18px;
}

div.leftMenuMid ul#menu li a span {
width:10px;
height:18px;
background:url(../images/red_arrow.gif) 0 3px  no-repeat;
display:block;
float:left;

}

div.leftMenuMid ul#menu li a:hover {
color: #fff;
text-decoration:none;
background:#E20000;
display:block;
width:168px;
height:18px;
padding:3px
}

div.leftMenuMid ul#menu li a:hover span {
width:10px;
height:18px;
background:url(../images/white_arrow.gif) 0 3px  no-repeat;
display:block;
float:left;

}


#rightColumn {
float:left;
width:190px;
margin-left:-190px;
background:#fff;
}

div.rightMenu {
margin:4px 0 10px 3px;
}

div.rightMenuTop {
background: url(../images/rightMenuTop.gif) top left no-repeat;
height:30px;
width:185px;
}

div.rightMenuTop h3 {
color:#E20000;
font-size:1.3em;
}


div.rightMenuMid {
background:#E8E8E8;
width:177px;
padding:5px;
}

div.rightMenuMid p{
text-align:left;
}

div.rightMenuMid p {
margin:0;
}

div.rightMenuMid img.tower {
width:120px;
margin:10px 0;
}

div.rightMenuMid a.advert {
display:block;
width:120px;
margin:0 auto;
background:#E8E8E8;
}

div.rightMenuBottom {
background: url(../images/rightMenuBottom.gif) top left no-repeat;
height:7px;
width:185px;
}

div.rightMenuMid.rightColBox {
	background:#fff;
	border-bottom:1px solid #E8E8E8;
}
div.boxPic {
	width:185px;
	text-align:center;
	margin-top:10px
}
div.boxPic img {
	margin:5px auto;
}

#footer{
clear:both;
float:left;
width:965px;
background: red;
color: #FFF;

}

#subfooter {
clear: both;
background: #fff url(../images/bottomBar.gif) top left repeat-x;
height:60px;
width:965px;
padding-top:25px;
}


#subfooter a {
font-size:0.9em;
color:#464646;
}

#subfooter a:hover {
color: #FF6633;
}

#subfooter span {
text-align:center;
display:block;
width:965px;
color:#464646;
}

#subfooter span.copy {
display:block;
margin-top:7px
}


/* specific styles */

#logoArea p.logoText {
position:absolute;
top:13px;
left:440px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
font-size:1.2em;
}

#logoArea select#menuSelect {
float:right;
margin:10px 10px 0 0 ;
}


/*  content  */

#content a {
 color: #026690;
}

#content a:hover {
 color: #e20000;
}

#content p {
line-height:1.4em
}

#content p.topTitle {
margin-top:3px;
}

#content h1.topHeading {
margin:-5px 0 3px 0;
font-size:1.6em;
font-weight:400;
}

#content h1 {
margin:-5px 0 3px 0;
font-size:2em;
font-weight:400;
}
#content h1 span {
display:block;
margin:-2px 0 3px 0;
font-size:.6em;
font-weight:400;
}

#content h2 {
font-size:1.5em;
margin-top:5px;
}

#content h3 {
font-size:1.2em;
margin-top:10px;
margin-bottom:-9px;
line-height:1em;
}

#content table#powerAdapters {
border-color:silver;
border-width:0 0 1px 1px;
border-style:solid;
text-align:left;
}

#content table#powerAdapters td, #content table#powerAdapters th {
border-color:silver;
border-width:1px 1px 0 0;
border-style:solid;
padding:5px;
margin:0;
text-align:left;
}

#content #glossary a {
color:#464646;
}

#onlineDictionary {
border-bottom:1px solid #e8e8e8;
width:100%;
min-height:250px;
padding-bottom:15px;
margin:15px 0;
}

#onlineDictionary ul {
padding:0;
margin:3px 0 3px 15px;
list-style-position:outside;
}

#onlineDictionary ul li {
font-weight:700;
}
#onlineDictionary ul li span {
font-weight:400;
}


div.googleAd {
width:32%;
float:left;
}

.center {
margin:0 10px;
}

/* linkbox */

div.frontlinkBox {
background:#e8e8e8;
padding:4px;
}

div.frontlinkBox a.box {
color:#049D9B;
}

/* promo container */

#promoContainer.dictionary {
margin:15px 0;
background-color:#e8e8e8;
font-family:Arial, Helvetica, sans-serif;
padding:10px;
}

#promoContainer.dictionary .babylonText {
width:350px;
margin-top:10px;
}
#promoContainer.dictionary .babylonText ul {
margin:3px 0 3px 10px;
padding-left:5px
}

#promoContainer.dictionary .babylonText a#babylonDownload {
display:block;
margin-left:0;
margin-top:15px
}

#promoContainer.dictionary .babylonText a#babylonDownload img {
border:none;
width:193px;
height:50px
}

#promoContainer.dictionary .babylonText a#babylonDownload span {
display:none;
}


#promoContainer.dictionary h3 {
margin:2px 0 2px 0
}

#promoContainer.dictionary span.language {
color:#E20000;
font-size:1.3em;
 }

#promoContainer.dictionary div.babylonText h3 {
}

#promoContainer.dictionary div.babylonBox {
width:165px;
margin-top:10px;
}

#promoContainer.dictionary div.babylonBox h4 {
margin:0 0 10px 0;
width:165px
}


#promoContainer.dictionary img {
margin:0;
padding:0;
width:265px
}

div.pageBox {
background-color:#E8E8E8;
padding:10px;
margin-bottom:15px;
}

div.pageBox.image p {
width:410px;
float:left;
}

div.pageBox.image img {
margin-top:25px
}

div.pageBox.image h2 {
width:410px;
float:left;
}

#promoContainer.home {
background-color:#E8E8E8;
font-family:Arial,Helvetica,sans-serif;
margin:15px 0;
padding:10px;
}

#promoContainer.home img {
margin-left:0;
margin-right:5px
}

#promoContainer.home table td {
padding:0 7px
}

/* right box + left box  */
div.rightMenuTop h3,
div.leftMenuTop h3 {
padding-top:10px;
margin:0;
font-size:1.3em;
text-align:center;
color:#E20000;
}


div.rightMenuMid div.spod {
width:175px;
text-align:center;
font-size:0.8em;
padding:5px 0 5px 3px;
}

/* home page  */
body#home #content,
body#home #leftColumn {
min-height:1150px
}

/* ectaco page */

#ectaco #content{
margin: 0;
padding:0;
background:#fff;

}