body { margin: 0px; padding: 0; font-family: verdana,arial; text-align: center; font-weight: 400; font-size: 100%; background-color: #fff; height: 100%; width: 100%; }

/* --- centres page in IE, Firefox, Mozilla, Opera --- */
#container { margin-left: auto; margin-right: auto; width: 750px; border-right:solid thin #DFDFDF;}

strong{
font-size:12px;
font-weight:bold;
}

.OptionTxt
{
	  font-size: 12px; font-weight:normal; color: #666;  margin-bottom: 5px; margin-top:10px; 
}

/* --- top navigation --- */


#topSearch { width: 490px; height: 29px;background: url(img/bck-top-search.png) no-repeat; }
    #tsTxt { float: left; position: relative; top: 2px; left: 98px; }
    #tsInput { float: left; position: relative; top: 4px; left: 106px; }
    #tsButton { float: left; position: relative; top: 5px; left: 107px; }

/* --- sub nav --- */
.subNav { height: 31px; background: url(img/stripe-sub-nav.gif) repeat-x; }

/* --- left nav / list --- */
.leftNav { text-align: left; background-color: #e9e9e9; }
.leftLinks { font-size: 10px; color: #000; line-height: 11px; margin-left: 5px; margin-right: 5px; margin-top: 6px; margin-bottom: 6px;  }

/* --- left nav / list --- */
#leftSearch { width: 190px; height: 30px; background-color: #959595; }
    #lsInput { float: left; position: relative; top: 5px; left: 5px; }
    #lsButton { float: left; position: relative; top: 5px; left: 5px; }
    
/* --- index page --- */
#featureBox1 { width: 188px; height: 220px; background: url(img/feature1.jpg) no-repeat; }
#featureBox2 { width: 181px; height: 220px; background: url(img/feature2.jpg) no-repeat; }
#featureBox3 { width: 191px; height: 220px; background: url(img/feature3.jpg) no-repeat; }
.bodyTxt { margin-left: 19px; margin-right: 19px; padding-top: 1px; text-align:justify; }
.padding { padding-left: 18px; padding-top: 18px; padding-right: 18px; }
.padding2 { padding-left: 7px; padding-top: 18px; padding-right: 18px; }
.padding3 { padding-left: 13px; padding-top: 18px; padding-right: 18px; }

/* --- main body area --- */
#mouse { background: url(img/img-mouse.jpg) no-repeat; }

/* --- right-hand column --- */
#feature1 { background: url(img/bck-feature-box.png) repeat-y; }
#feature2 { padding-left: 16px; text-align: center; background: url(img/bck-feature-box2.png) repeat-y; }
#feature3 { padding-left: 16px; text-align: center; background: url(img/bck-feature-box3.png) repeat-y; }
#newrelease { padding-left: 7px; text-align: left; background: url(img/bck-feature-box2.png) repeat-y; }
.bordernew { border-bottom:solid 1px #888888; }
.bordernew1 { border:solid 1px #E5E5E5; }
/* --- bottom navigation --- */
.botNav { height: 18px; background-color: #666; text-align:center }
.botNavthin { height: 9px; background-color: #666; text-align:center }
/* --- input boxes --- */
.box { font-weight: bold; color: #666; background-color: #fff; border:1px solid #E0DFE3; font-size: 9px; line-height: 14px; }
.box1 { width:136px; float:left; font-weight: bold; color: #666; background-color: #fff; border:1px solid #E0DFE3; font-size: 9px; padding:2px 0px 3px 0px; line-height:14px; }

/* --- general --- */
a { text-decoration: none; font-size:11px; }
a:hover { text-decoration: underline;font-size:11px; }

h1 { font-size: 14px; font-weight: bold; color: #000099; margin-bottom: 10px; margin-top: 5px; margin-left: 13px; margin-right: 13px;  }
h2 { font-size: 14px; font-weight: bold; color: #c00; margin-top: 5px; margin-bottom: 5px; }
h3 { font-size: 10px; font-weight: bold; color: #c00; margin-bottom: 0px; margin-top:10px;}
h4 { font-size: 12px; font-weight: bold; color: #c00; margin-bottom: 5px; margin-top:10px;}

p { 
margin-top: 8px; 
margin-bottom: 8px; 
font-size: 11px; 
color: #666; 
}
.light1
{
  font-size: 11px; font-weight: bold; color: #c00; margin-bottom: 5px; margin-top:10px; 
}
.linkshow
{
 
font-size: 11px; 
color: #666; 

}

.linkshow1
{
font-size: 11px; 
color: #666; 
text-decoration:underline;
}

.linkshow1:hover
{
font-size: 11px; 
color: #666; 
text-decoration:underline overline;

}

.light2
{

font-size: 11px; 
color: #666;

}

li { 
margin-top: 0px; 
margin-bottom: 0px; 
font-size: 11px; 
color: #666; 
}

.mHidden {
margin-top: 0px; 
margin-bottom: 0px; height:1px;
}
 
ul {list-style-type: none}

/* --- text --- */
.std { font-size: 10px; color: #666; }
.stdprod { font-size: 11px; font-weight: bold; color:#0000FF; padding-left:18px; }
.stdprod1 { font-size: 11px; font-weight: bold; color:#0000FF; }

.std:hover { font-size: 10px; color: #666; }
.std2 { font-size: 11px; color: #666; }
.std2:hover { font-size: 11px; color: #666; }
.topNavTxt { font-size: 10px; font-weight: bold; color: #fff; }
.topNavTxt:hover { font-size: 10px; font-weight: bold; color: #fff; }
.cfffTxt { font-size: 10px; color: #fff; }
.cfffvTxt:hover { font-size: 10px; color: #fff; }
.footerTxt { font-size: 10px; font-weight: bold; color: #c00; }
.footerTxt:hover { font-size: 10px; font-weight: bold; color: #c00; }
.featureTxt { font-size: 11px; font-weight: bold; color: #c00; }
.featureTxt:hover { font-size: 11px; font-weight: bold; color: #c00; }
.footerTxt { font-size: 10px; font-weight: bold; color: #c00; }
.footerTxt:hover { font-size: 10px; font-weight: bold; color: #c00; }
.contactfooterTxt { font-size: 12px; font-weight: bold; color: #c00; }
.contactfooterTxt:hover { font-size: 12px; font-weight: bold; color: #c00; }

.inputfield { 
font-size: 12px; 
color: #666;
font-weight:bold; 
}

/* --- colours --- */
.c666 { background-color: #666; height:16px; float:left;}
.bg666 { background-color: #ff0000; height:16px; float:left; }
.cfff { background-color: #fff; }
.cafb { background-color: #E9E9E9; } /* #afb6c0 */
.c959 { background-color: #959595; }
.cd10 { background-color: #d10000; }
.ca7b { background-color: #A7B1C4; }

.test { background-color: #666; }






a.linkonpage {
	font-size: 11px; 
	font-weight: normal; 
	color: #c00;
	
	
}
a:hover.linkonpage {
	text-decoration: underline overline;
}
a:active.linkonpage {
	text-decoration: underline;
	color: #c00; 
}





a.affiliatelink {
	font-size: 11px; 
	font-weight: normal; 
	color: #c00;
	margin-left:5px; 
	
}
a:hover.affiliatelink {
	text-decoration: underline overline;
}
a:active.affiliatelink {
	text-decoration: underline;
	color: #c00; 
}



a.shortcut {
	font-size: 12px; 
	font-weight: normal; 
	text-decoration: underline;
	color: #c00;
	margin-left:5px; 
	
}
a:hover.shortcut {
	text-decoration: underline overline;
	color:#FFFFFF;
	background-color:#c00;
}
a:active.shortcut {
	text-decoration: underline;
	color: #c00; 
}

a.lglinks {
	font-size: 11px; 
	font-weight: bold; 
	color:#0000FF;
	margin-left:5px; 
	text-decoration: none;
}
a:hover.lglinks {
	text-decoration: underline;
}
a:active.lglinks {
	text-decoration: underline;
	color: #c00; 
}


a.linknormal {
	font-size: 11px; 
 
	color:#0000FF;
	margin-left:5px; 
	text-decoration: none;
}
a:hover.linknormal {
	text-decoration: underline;
}
a:active.linknormal {
	text-decoration: underline;
	color: #c00; 
}

a.lglinks10 {
	font-size: 11px; 
	font-weight:normal; 
	color:#0000FF;
	margin-left:5px; 
	text-decoration: underline;
}

a.lglinks12 {
	font-size: 12px; 
	font-weight: normal; 
	color:#0000FF;
	margin-left:5px; 
	text-decoration: underline;
}

.price {
	font-size: 12px; 
	font-weight: normal; 
	color:#333333;
}

.note {
	font-size: 10px; 
	font-weight: normal; 
	color:#E10000;
}


.note2 {
	font-size: 11px; 
	font-weight: bold; 
	color:#FF0000;
}

.vat {
	font-size: 9px; 
	font-weight: normal; 
	color:#666666;
}

.itt {
	font-size: 9px; 
	font-weight: normal; 
	color:#666666;
}

.specialoffertext { font-size: 11px; font-weight: bold; color: #c00; }
.specialoffertext:hover { font-size: 11px; font-weight: bold; color: #c00; }



.text-title
{
 
font-size: 12px; 
color: #666; 
font-weight:bold;

}
.text
{
 
font-size: 11px; 
color: #666; 
 

}
.red-text {
	font-size: 10px; 
	font-weight: normal; 
	color: #c00;
	padding-left:2px;
}
	
	.modalBackground {
	background-color:Gray;
	/*filter:alpha(opacity=70);*/
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}
a.shortcutChar {
	font-size: 12px; 
	font-weight: normal; 
	text-decoration: None;
	color: #c00;
	margin-left:5px; 
	
}
a:hover.shortcutChar {
	color:White;
	font-weight:bold
	
}
.setbkground {
background:url(img/img-intro-to-java.png);
text-align:center;
height:65px;
}

/**********New Header**************/

.headerbg{width:750px; background:url(img/headerbg.jpg) repeat-y 0px 0px; float:left; border-bottom:solid 3px #cc0000;}
.headerleft{width:260px; padding:0px 0px 0px 0px; float:left;}
.headerright{width:490px; padding:0px 0px 0px 0px; float:left; text-align:right;}
.h_line1{width:490px; float:left;text-align:right; color:#666666;}
.h_col1{width:175px;float:left; font-size:10px; padding-bottom:5px; padding-right:3px; border-right:solid 1px #CC0000;}
.h_col2{width:133px; float:left; padding-left:5px; padding-top:3px; }
.h_col3{width:85px; float:left; text-align:left; padding-top:4px;}
.padtop5{padding-top:2px;}
.textbox{width:128px; border:solid 1px #E0DFE3; line-height:16px;padding:1px 0px 2px 0px; float:left; font-size:11px;}
.topNavouter{width:750px; border-top:solid 2px #ffffff; float:left;}
.topNav { width:748px; height:21px; background: url(img/nav_bg.jpg) repeat-x top center; border-left:solid 1px #666666; border-right:solid 1px #666666; float:left; }
.topNav ul{margin:0px; padding:0px;}
.topNav ul li{list-style:none; height:21px; line-height:20px; display:inline; background:url(img/nav_divider.jpg) no-repeat left top; padding:0px 11px 0px 11px;  float:left;}
.topNav ul li#left{list-style:none; height:21px; line-height:20px; display:inline; background:none; padding:0px 11px 0px 2px; float:left;}
.topNav ul li a{color:#fff; text-decoration:none; font-size:10px; font-weight:bold; text-transform:uppercase;}
.floatleft{float:left;}