/*   ============   fonts    ============   */

table, #buybox, #content h3, #pagefooter, #content, #bread, #rightbuy label, #bulletlist2 li, #blueTable, #confirmTable, .text, .f11, #round #content, #round .info, #round #content3, #round #downbox2, #round #content_left     
{ font: 11px Verdana, Arial, Helvetica, sans-serif; }

#printData, #content, #content h1, #loginbox label, #loginbox .login, #warning, label, #label2 label, #bulletlist li, #label3 label, #label4 label, .whiteEditDisable, .whiteEdit, .input_box, #list ul, #navcontainer ul, .f12, #round #content2, .input_text, .namebox, #quantity input, #quantity2 input, #round #content_warn, #quantity, #quantity2, #licence2, #licence, #round #downbox 
{ font: 12px Verdana, Arial, Helvetica, sans-serif; }  

#right #title
{ font: 18px Verdana, Arial, Helvetica, sans-serif; } 

.normal { font-weight:normal; }

/* ================ FAQ =====================*/ 


.faqcont	
{
	display: none;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0;
}


.faqhead, .faqhead a, .faqhead a:visited,.faqhead a:hover, .faqhead a:link 
{
	text-decoration: none;
    font-weight: bold;
	margin: 0;
	padding: 0;
}



/* ==========================================*/ 

body {  margin-top: 10;   padding: 0;   text-align: center;}

.sp, .clear { clear: both;}
#bread, #clear { clear: both;}

#printData { background-color:white; display:none; }

#container {  background: url('images/back.png');  margin: 0px auto;   text-align: left;  width: 692px}
#container #top {  text-indent: -9999px;   width: 692px;   height: 90px;   background: url('images/header.png');   padding: 0}

#left {	width: 128px;	float: left;}
#right { width: 564px; float: left;	background:url('images/shadow.gif') repeat-y top right; }

#right #title{ width: 550px;padding:0;margin:6px 0px 6px 0; text-align:left; letter-spacing: 2px; float: left; }
#bread { width:692px;height: 22px;float: left;background:url('images/shadow.gif') repeat-y top right;text-align: left;padding:0;	line-height:20px }
#bread a:visited, #bread a:link { text-decoration: none;}
#bread a:hover {text-decoration: none;	border-bottom: none;}

#content { 	width: 524px; padding: 0px 0px 0px 30px; line-height:18px; }
#content h1 { padding: 0; margin-bottom: 0px; text-align:left; letter-spacing: 1px; }
#content h3 {font-weight: bold;	line-height:18px; padding: 0; margin:0; }
#content p { margin-top:0px;}
#content #minHeight { height:370px; float:right; width:1px; }
#content #clearHeight { clear:both; height:1px; overflow:hidden; }

#pagefooter {margin: 0px auto;	position: relative;	background: url('images/footer.gif') no-repeat;width: 692px;clear: both;height: 45px;text-align: center; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:0}

#pagefooter a:visited, #footer a:link {	text-decoration: none; }
#pagefooter a:hover { text-decoration: none;	border-bottom: none;}

#blueTable, .text { line-height:18px; margin-bottom: 10px;}
#blueTable  { border:0px none; padding:1px }
#confirmTable { border:0px none; padding:0px; position:relative;float:left; width:500px; margin-left:0; margin-right:0; margin-top:20px; margin-bottom:0px }

.imageright { float: right;	padding: 0;	margin: 0 0 0 10px;}
.imageleft { float: left;padding: 0; margin: 0 10px 0 0;}

/* the left hand navigation bar */
#navcontainer {	margin:0; width: 128px;	font-size: 1px;  }
#navcontainer ul {text-indent: 20px;margin: 0;	padding: 0;	list-style-type: none;text-indent: 20px;letter-spacing:0px; line-height:22px;font-weight: bold;}
#navcontainer a { display: block; width: 128px;	height: 22px; }
#navcontainer a:link, #navcontainer a:visited {	background: url('images/bg_n.gif'); text-decoration: none }
#navcontainer a:hover { background: url('images/bg_h.gif'); text-decoration: none }
#navcontainer li a#current { background: url('images/bg_h.gif'); text-decoration: none }
#navcontainer #navspace { width:128px;	height:10px;}
#navcontainer #navspace2 { width:128px;	height:25px;background: url('images/navspace2.gif') no-repeat; }

#loginbox { margin:0px; padding:0px; margin-top:4px;} 
#loginbox label,  #loginbox .login { font-weight: bold; }
#loginbox .login { width:118px;height:18px;margin-left:5px;}
 form { margin:0;padding:0;}
#loginbox label { margin-top:2px;margin-bottom:2px; width:110px; } 
#submitButton { float:left;clear:both;text-align:center;width:500px;margin-top:10px; }
#submitButton input { cursor:pointer; }

fieldset { padding-top:12px;float:left; text-indent:4px;}

#floatright{ float: right;	margin: 5 5 10 5; }

/* button like bullet list */

#list {	float: left; margin-top:10px; width: 200px;}
#list ul { margin: 0; padding: 0;list-style-type: none; line-height:27px; text-indent: 10px;}
#list a {display: block;width: 200px;height: 35px;}
#list a:link, #list a:visited {	background: url('images/list_n.gif');	text-decoration: none }
#list a:hover {	background:url('images/list_h.gif');	text-decoration: none}

/* simple bullet list */

ol { padding: 0; margin-top: 0; margin-left: 30; }

#bulletlist { float:left; }
#bulletlist UL { padding: 0; margin: 0; list-style-type: none }
#bulletlist LI { padding-left: 25px; padding-bottom:8px;background: url('images/small_bullet.gif') no-repeat 0px 3px; line-height:20px}
#bulletlist a:link, #bulletlist a:visited  {text-decoration: none; }
#bulletlist a:hover { text-decoration: none; }

#bulletlist2 UL { padding: 0;  margin-left: 15px; margin-top: 5px; list-style-type: circle }
#bulletlist2 LI { padding-left: 2px; line-height:14px; }

/* form entry stuff */

.input_box, .input_text
{ float: left; padding:0;margin:0 0 6px 0; }

label, #label2 label, #label3 label, #label4 label
{ float: left; text-align: left;margin-left: 5px; clear: both;}


label { width: 115px; }
#label1 label { width: 125px; }
#label2 label {	width: 200px; }
#label3 label { width: 160px; }
#label4 label {	width: 120px; }

#label2 .input_box { width:250px; }
#label1 .input_box{ width: 320px; height:18px;}
#label1 .input_text{ width: 320px; height:80px;}

#label4  { margin: 5px;}
.sp, #label4 p { margin-top: 5px; margin-bottom: 5px;}

/*   ============   nice box ============   */

#round { padding:0px; position:relative;float:left; width:500px; background:url('images/gbox_top.png') no-repeat;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px  }
#round_title { margin:0 0 0 20px;padding:0px; width:500px;color:white;font-weight:bold;height:37px; }
#round #slice { width:500px; height:100px;background:url('images/gbox_slice.png'); }
#round #content4, #round #content3, #round #content2, #round #content, #round #content_warn 
{ position:absolute;left:110px;margin:0px; padding:0px;width:370px;z-index:1}

#round #content_left
{ position:absolute;left:15px;top:25px; margin:0px; padding:0px;width:480px;z-index:1}

#round #content3, #round #content_warn
{ top:30px; left:15px; width:475px; line-height:15px; }
#round #content3 h3 { margin:0; padding:0; font-weight:bold; }
#round #content3 ul { margin-top:0px; }
#round #content { top:30px; }
#round #content2 { top:34px;line-height:18px; }
#round .boximg { position:absolute;left:12px;top:25px; margin-right:8px; border:0px; } 
#round img { border:0px; } 
#round #footer { width:500px; height:22px;background:url('images/gbox_footer.png') no-repeat; }
#round .buyback, #round .confirm, #round .buy, #round .more, #round .try, #round .download { position:absolute;top:120px;}
#round .buy { left:305px; }
#round .more { left:390px; }
#round .try { left:220px; }
#round .buyback { left:265px; }
#round .confirm { left:370px; }
#round .info { font-size:10px; position:absolute;left:378px; top:116px;}
#round #downbox, #round #downbox2 { float:left;width:360px;text-align:left;}
#round #downbox2 img { position:absolute;left:340px; top:7px; } 
#round #downbox img { position:absolute;left:340px; top:80px; }
#round .learnmore { position:absolute;left:318px; top:200px;}
#round .upgrade { position:absolute;left:0px; top:208px;}
#round hr {  color: #eeeee7; height:2px; background-color: #eeeee7; } 
#round p { margin:0 0 8px 0; }
#round .center { text-align:center; }
#round .priceUS { position:absolute;left:225px;width:80px;text-align:right }
#round .priceEU { position:absolute;left:305px;width:80px;text-align:right }
#round .priceUK { position:absolute;left:385px;width:80px;text-align:right }
#round .priceLicence, #round .priceDiscount { position:relative; }

	  

#round #content4 { left:15px; top:25px;line-height:18px; }
#round #product{ clear:both; position:relative;margin:0;padding:0;width:470px;}
#product #packshot  { float:left;width:100px; }
#groupname, #licence, #licence2 { float:left; margin:6px 0 0 0;padding:0;}
#groupname { width:300px; font-weight:bold;}
#licence { width:250px;}
#licence2 { width:350px; background:yellow}
#quantity, #quantity2 { padding:0px;float:left;width:120px;text-align:right; }
#quantity { margin:18px 0 0 0; }
#quantity2 { width:80px;margin:0; background:red}
#round .description { position:absolute;left:100px; top:10px;}
#round .halfway { position:absolute;left:50%;top:0px; }

.buybutton { position:absolute;top:5px;left:390px; }
.buymore { position:absolute;top:5px;left:378px; }
.buymore2 { position:absolute;top:25px;left:378px; }
.icon { float:left;margin-right:10px; }

.t1, .t2, .t3, .t4 { position:absolute;top:0px; }
.t1 { left:0px; }
.t2 { left:70px; }
.t3 { left:200px; } 
.t4 { left:270px;}

#sitemap 
{ padding: 0; margin: 0; list-style-type: none }
#sitemap LI 
{ background: url('images/small_bullet.gif') no-repeat; line-height:12px; padding-left:20px; padding-right:0; padding-top:1px; padding-bottom:4px}
#sitemap a:link, #sitemap a:visited  { text-decoration: none; }
#sitemap a:hover { text-decoration: none; }
#sitemap ul { padding:2px 0 0 20px; margin:0px; list-style-type: none }
#sitemap ul li 
{ background: url('images/vsmall_bullet.gif') no-repeat 0px 2px; line-height:11px; padding-left:14px; padding-right:0; padding-top:1px; padding-bottom:4px }


.text table {  border:1px solid #83a5ee;  }
.text td { border:1px solid #83a5ee;  }


/*   ============   colours    ============   */

#pagefooter, body 
{ background-color:#eeeee7; }
hr 
{ border:0px none; color: #eeeee7; height:2px; background-color: #eeeee7}

.whiteEdit,  #list, .imageright, .imageleft, #blueTable td, #right, #container, #confirmTable td
{ background-color: white; }
 
#loginbox label,  #loginbox .login, #pagefooter a:visited, #pagefooter a:link, 
#pagefooter, #bread, #bread a:visited, #bread a:link,
#navcontainer a:link, #navcontainer a:visited
{ color:#777; }



#blueTable, .text, #content a:visited, #content a:link, #content, .whiteEdit, 
.whiteEditDisable,
#bulletlist a:link, #bulletlist a:visited, .input_box, .input_text	     
{ color: black; }

#content a:visited, #content a:link, #content, #bulletlist a:link, #bulletlist a:visited 
{ color: #900026; }

#navcontainer a:hover, #navcontainer li a#current 
{ color: white; }

.whiteEditDisable
{ background: #f0f0f0; border: #808080 solid 1px; }

#list a:link, #list a:visited 
{ color: #808080; }

#list a:link, #list a:visited input.submit, #list a:hover 
{ background-color: #f0f0f0;}

:hover input.submit 
{ background-color: #900026;} 

.red, .t2, .t4, .priceDiscount .priceUS, .priceDiscount .priceUK, .priceDiscount .priceEU
{ font-weight:bold; color: #DD0000;} 

.whiteEdit 
{ border: none; }

.input_box, .input_text, .whiteEditDisable, #quantity input
{ border: 1px solid #900026; }

#loginbox .login 
{ border: solid 1px #bbb; }

#loginbox label,  #loginbox .login, #left, #blueTable, #bread, #navcontainer 
{ background-color:#ddd; }

#confirmTable 
{ background-color:#cddbf8; }

#round #product h3, #round_title, #round .info, #confirmTable th, h3 
{ color:#900026;  }

#content h1, #content a:hover, #bread a:hover, #pagefooter a:hover, #list a:hover, #bulletlist a:hover 
{ color: #900026; }

#round #content3 h3, #groupname, #right #title
{ color: #900026; }

#bulletlist a:hover 
{ border-bottom:dotted 1px #900026;}

#bulletlist a:link, #bulletlist a:visited 
{ border-bottom:dotted 1px #900026; }