/* Sii | Netbasic Stylesheet */


body {
	font-family: verdana;
	font-size: 12px;
	line-height: 20px;
	color: #000000;
	text-align: center;
	margin:  auto;
	background: silver;
	width: 960px;
	position: relative;
	}

#header_container {
	background: white;
	width: 100%;
	}

#header {
	text-align: center;
	width: 100%;
	height: auto;
	margin: 0px auto;
	padding: 0px;
	background: white;
	border: window-inset 1px Silver;
	border-bottom: none;
	
	}

#printheader {
	display: none;
	visibility: hidden;
}


/* header nav */
.bodyInvoice 
{
	font-family: verdana;
	font-size: 12px;
	line-height: 20px;
	color: #000000;
	text-align: center;
	margin:  auto;
	margin-top: 10px;
	background: white;
}

.header_nav
{
	clear: both;
	width: 100%;
	margin: 0px auto;
	text-align: center;
	position: relative;
	
}

.header_nav_text
{
	float: left;
	margin: 5px 0px 0px 0px;
	text-align: left;
	font-size:30px;
	font-family:Verdana;
	font-weight:bold;
	
}


.header_nav_right
{
	float: right;
	clear: right;
	padding: 0px 10px 0px 0px;
	width: 105px;
	height: auto;
	margin-bottom: 0px;
	margin-top: 5px;
	text-align: right;
	background: url(../images/loginbkg.gif) no-repeat right;
	font-weight: bold;
	
	
}
.header_nav_right a
{
	font-weight: bold;
	text-decoration: none;
	color: Black;
}
#divLoggedInUser a
{	
	font-weight: bold;
	text-decoration: none;
	color: Black;
}
#divUsingAccount a
{	
	font-weight: bold;
	text-decoration: none;
	color: Black;
}
.header_nav ul,
.header_nav_right ul
 {
	list-style-type: none;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

.header_nav a ul li,
.header_nav_right a ul li 
{
	display: inline;
	font-weight: bold;
	color: Black;
	
}

img#Topbar_imgFlag
{
	border-style: none;
	height: 15px;
	vertical-align: baseline;
	float : right;
	padding-left: 2px;
}

/* floating topbar boxes */

#navcontainer
{
	float: right;
	width: 300px;
	margin: 10px 0px 0px 0px;
}

#langselect
{
	float: right;
	clear: right;
	width: 294px;
	padding-top: 3px;
    margin: 3px 0px 0px 0px;
    text-align: right;
    font-size: 13px;
    font-weight: bold;
}

#langselect a
{
	color: Black;
}


#divLoggedInUser, #divUsingAccount
{
	float: right;
	clear: right;
	width: 200px;
	margin: 0px 0px px 0px;
	height: 20px;
    text-align: right;
    color: Black;
    font-weight: bold;
}

#divUsingAccount
{
	float: right;
	clear: right;
	height: 20px;
	padding: 3px;
	margin-bottom: -40px;
	text-align: right;
	color: Black;
    font-weight: bold;
}

#divLoggedInUser p,
#searchbox p,
#divUsingAccount p,
#langselect p
{
    margin: 0;
    padding: 0;
}

/* end floating topbar boxes */

#page_bg {
	width: 100%;
	margin: auto;
	background: silver url(../images/bg.gif) repeat-y center;
	}

#page_bg_fade {
	background: silver;
	}

#page {
	width: 100%;
	margin: auto;
	background: #ffffff;
	height: auto;
	border-style: window-inset;
	border-color: Silver;
	border-width: 1px;
	padding: 0px 0px 40px 0px;
	
	}
html>body #page 
{
	/*padding-top: 20px;
	padding-bottom: 20px;*/
}


#page_content 
{
	margin: 12px
}

.page_header {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #FF0099;
	}
.page_header_static {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #FF0099;
	}


.page_header_left {
	background: #FF0099 url("../images/page_top_left.gif") no-repeat top left;
	}

.page_header_content {
	text-align: left;
	height: 25px;
	}
	
.page_header_content h1
{
	font-size: 16px;
	color: #FFFFFF;
	padding-left: 15px;
	padding-top: 4px;
	margin: 0
	}

.page_header_right {
	background: #FF0099 url("../images/page_top_right.gif") no-repeat top right;
	}


.page_header_pink 
{
	
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #FF0099;
	background:  #FF0099 url("../images/header_grad_pink.gif") repeat-x top;
	}

.page_header_blue {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #C10F7A;
	background: #0066FF url("../images/header_grad_blue.gif") repeat-x top;
	}
	
/* Sii | page footer */

.page_footer {
	margin: 0px;
	margin-bottom: 12px;
	padding: 0px;
	border-top: 1px solid #FF0099;
	}
	
.page_footer_open {
	margin: 0px;
	margin-bottom: 12px;
	padding: 0px;
	background: url("../images/border.gif") repeat-x bottom;
	}

.page_footer_pink {
	margin: 0px;
	margin-bottom: 12px;
	padding: 0px;
	background: #FF0099 url("../images/footer_grad_pink.gif") repeat-x top;
	}

.page_footer_left {
	background: url("../images/page_bottom_left.gif") no-repeat bottom left;
	}
	
.page_footer_right {
	background: url("../images/page_bottom_right.gif") no-repeat bottom right;
	}

.page_footer_content {
	}

/* Sii | form style pages - i.e. pages with left nav */

#form_content {
	margin: 0px 10px 10px 200px;
	text-align: left;
	border: 1px solid  #CCC7C7;
	height: auto;
	min-height: 560px;
	}
	
#form_content_static {
	margin: 0px 10px 20px 10px;
	text-align: left;
	height: 560px;
	width: 900px;
	border: 1px solid  #CCC7C7;
	padding: 0px;
	}
	
#form_content_static_pro {
	margin: 0px 5px 20px 10px;
	text-align: left;
	height: auto;
	min-height: 560px;
	width: 900px;
	border: 1px solid  #CCC7C7;
	}
#form_content_pro {
	margin: 2px 5px 10px 10px;
	text-align: left;
	}
/* GMA extensions to page */
html>body #form_content
{
	margin: 0px 10px 0px 200px;
	height: auto;
	width: auto;
	min-height: 560px;
	min-width: 560px;
	border: 1px solid  #CCC7C7;
	
}
html>body #form_content_static
{
	margin: 0px 20px 0px 20px;
	height: auto;
	width: auto;
	min-height: 560px;
	min-width: 730px;
	border: 1px solid  #CCC7C7;
}
#form_content_static_buy {
	margin: 20px 10px 20px 10px;
	text-align: left;
	width: auto;
	min-height: 560px;
	border: 1px solid  #CCC7C7;
	padding: 2px;
	}
#form_content_buy 
{
	margin: 0px 20px 10px 20px;
	text-align: left;
	border: 1px solid  #CCC7C7;
	height: auto;
	width: auto;
	padding: 2px;
	}
html>body #form_content_buy 
{
	
	height: auto;
	width: auto;
	border: 1px solid  #CCC7C7;
	padding: 2px;
}



#form_body 
{
	margin-top: 15px;
	margin-left: 20px;
	padding: 15px;
	text-align: left;
}
#form_body_pro 
{
	text-align: left;
	
}

#form_body_buy 
{
	
	padding: 15px;
	text-align: left;
	border-top: 1px solid  #CCC7C7;
	
}

#promenu
{
	FLOAT: right;
	TEXT-ALIGN: center; 
	background: lightgrey; 
	border: 1px solid black;
	margin: 0px 5px 10px 10px;
	
}

#promenu ul {
 	list-style-type: none;
	padding: 0px;
	margin: 5px 10px 15px 10px;
	
}

#promenu ul li
{
	list-style-type:none;
	padding-bottom: 0px;
	
}
html>body #promenu ul li
{
	padding-bottom: 10px;
}

#promenu ul li a
{
	color: black;
	font-weight: bold;
	float: left;
	text-align: left;
}

#form_body_nomargin {
	padding: 0px;
	border-left: 1px solid #C10F7A;
	text-align: left;
	min-height: 500px;
}

	
#form_body p
{
	margin-top: 0
}

#form_body_pro h1,h2,h3
{
	margin-left: 10px;
}

#form_body li
{
	margin-top: 10px;
	margin-bottom: 10px;
}


/* left customer nav */

#nav 
{
    float:left;
	margin-top: 30px;
	padding: 0;
	width: 200px;
	text-align: left;
}

div#nav ul 
{
    list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 11px
}

div#nav ul li
{
	margin-top: -1px;
}

div#nav ul img
{
	border-style: none;
	margin-right: 5px;
	vertical-align: middle
}

#nav ul li a
{
	display: block;
	border-bottom: solid 1px #CCC7C7;
    text-decoration: none;
	line-height: 1.5em;
	color: blue;
}

#nav ul li a.MenuDisabled
{
	width: 150px;
	padding: 4px 0px 4px 50px;
	border-bottom: solid 1px #ccc;
	color: gray;
}

#nav ul li a.MenuSmall
{
	width: 150px;
	padding: 4px 0px 4px 50px;
	border-bottom: solid 1px #ccc;
}

#nav ul li a.MenuSmall:hover
{
	text-decoration: underline;
}

#nav ul li a.MenuSmallSelected /* selected item */
{
	width: 170px;
	padding: 4px 10px 4px 20px;
	border-bottom: solid 1px #ccc;
	background-color: #CCC7C7;
	color: white;
	font-weight: bold;
	text-align: right
}

#nav ul li a.MenuBold
{
	width: 190px;
	padding: 4px 0px 4px 10px;
}

#nav ul li a.MenuBold,
#nav ul li a.MenuBold:link,
#nav ul li a.MenuBold:visited
{
	font-size: 16px;
	font-weight: bold;
	padding-top: 5px;
}


#nav ul li a.MenuBoldSelected /* selected item */
{
	width: 190px;
	padding: 5px 0px 4px 10px;
	border-bottom: solid 1px #ccc;
	background-color: #CCC7C7;
	color: white;
	font-size: 16px;
	font-weight: bold;
	/*text-align: right*/
}


#nav ul li a.MenuUBold,
#nav ul li a.MenuUBold:link,
#nav ul li a.MenuUBold:visited /* used in user menu */
{
	width: 180px;
	padding: 4px 0px 4px 20px;
	font-size: 16px;
	font-weight: bold;
	padding-top: 5px;
	color: #000
}

/* end left nav */

/* Sii | form progress indicators */

#tab_nav {
	font-size: 12px;
	margin: 0px;
	padding: 23px 0px 6px 15px;
	}

#footer {
	font-size: 10px;
	width: 960px;
	padding: 5px 0px 20px 0px;
	margin: auto;
	background: silver;
}
#footer a
{
	color: Black;
}
	
/* end Sii | form progress indicators */

/* login box - check */

#loginbox {
	background-color: #fff;
	border: 1px solid #ccc;
	margin: 15px 50px 5px 60px;
	padding: 10px;
	vertical-align: top
}

#loginbox p {
	margin: 5px 5px 5px 5px;
}

#loginbox span.errormessage {
	color: #f00;
}

/* end login box */

/* page footer text */

#footer p
{
	text-align: center
}

/* customer grids */

table.custGrid
{
	/*border: #eee 1px solid;*/
}

table.custGrid th a
{
	color: #000;
}

/* added by Sontata - tidy all */

.fontClass
{
	font-size: 2; 
}


.ErrorBold
{
	font-weight: 700;
	font-size: 12px;
	color: crimson;
	font-family: Verdana, Helvetica, sans-serif;
}

.ErrorSmall
{
	font-weight: normal;
	font-size: 12px;
	color: crimson;
	font-family: Verdana, Helvetica, sans-serif;
}

.NormalBold
{
	font-weight: 700;
	font-size: 12px;
	font-family: Verdana, Helvetica, sans-serif;
}

.Normal
{
	font-weight: 700;
	font-size: 12px;
	font-family: Verdana, Helvetica, sans-serif;
}

.NormalBoldCareers
{
	font-weight: 700;
	font-size: 12pt;	
	font-weight:bold ; 
	font-family: Verdana, Helvetica, sans-serif;

}

.Normal
{
	font-weight: normal;
	font-size: 12px;
	font-family: Verdana, Helvetica, sans-serif;
}

/* new 17/7/2005 */


.ImageButton
{
	cursor: hand;
	border: 0px; 
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

.PinkHeader
{
	background-color: #f9c;
}

.NormalHeader
{
	background-color:  #eee;
}

.TableWhite
{
	border-right: #ffffff 1px solid;
	border-top: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
}

/* for register page */

tr.optbar
{
	height:35px;
	vertical-align: top
}

* html tr.optbar {
    height: 25px; /* hack for IE5 Win */
}

th.optbar1,
th.optbar2,
th.optbarprice
{
	xheight: 30px;
	color: #fff;
	vertical-align: middle
}
th.optbar1
{
	background-image: url(../images/optbar.gif);
	background-repeat: no-repeat;
}
th.optbar2
{
	background-image: url(../images/optbar_fade.gif);
	background-repeat: repeat-x;
}
th.optbarprice
{
	background-image: url(../images/optbar_fade.gif);
	background-repeat: repeat-x;
	border-left: solid 1px #06c;
	width: 120px;
}

/* form button styles */

#BtnLicToBas,
#btnBasToLic,
#btnRegister,
#btnPayment,
#btnLogin,
#btnCheckOut,
#btnMakePayment,
#btnNext,
#btnFindReseller
{
	border-style: none;
	font-size: 16px;
	font-weight: bold;
	background-repeat: no-repeat;
	margin-right: 5px;
	margin-top: 10px
}

#BtnLicToBas,
#btnBasToLic,
#btnRegister,
#btnPayment,
#btnLogin,
#btnNext
{
	width: 85px;
	height: 39px;
	border: solid 1px black;
	/*background-image: url(../images/btn80px.gif);*/
}

#btnCheckOut
{
	width: 125px;
	height: 39px;
	border: solid 1px black;
	/*background-image: url(../images/btn125px.gif);*/
}

#btnMakePayment,
#btnFindReseller
{
	width: 150px;
	height: 39px;
	border: solid 1px black;
	/*background-image: url(../images/btn150px.gif);*/
}

#btnUpdateBasWords,
#btnReCalCulate
{
	font-size: 0.8em
}

/* licence selection box etc. */
.greytable
{
	border: solid 1px #ccc;
	border-collapse: collapse;
}

/* basket page */
.txtSelQty
{
	width: 40px;
}

/* tables with blue bar (purchase cycle) */

/* this breaks on the left in IE
.regtables
{
	margin-right: -15px
}

.regtables table
{
	width: 550px;
	float: right;
}
*/

/**/
.regtables
{
	/*border: solid 1px black;*/
	margin-right: -15px;
	overflow: auto;
	width: 550px;
}

.regtables table
{
	float: right;
	width: 550px;
}
/**/

.regtables table td
{
	text-align: right;
	line-height: 15px;
}

.regtables table select
{
	/*font-size: 12px*/
}

.regtables .pricing
{
	background-color: #EFF6FF
}

/* vat box */
#vatdetails {
	padding: 5px;
	background-color: #EFF6FF;
	width: 250px;
	height: 220px;
	display: block;
	margin: 5px;
	overflow: hidden;
}

/* tabnav (purchase cycle) */

#tabnav
{
	text-align: left;
	overflow: visible;
	margin-left: 10px;
	color: White;
}

#tabnav_buy
{
	text-align: left;
	margin-top: 15px;
	margin-left: 20px;
	clear: both;
	xoverflow: visible;
	color: White;
	display: block;
}


#tabnav ul {
 	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-bottom: 4px;
}

#tabnav ul li
{
	display: inline;
}

#tabnav ul li a 
{
	margin: 0;
	padding: 5px 12px 10px 12px;
	text-decoration: none;
	font-weight: bold;
	background-color: #CCC7C7; /* url(../images/fadetl.gif);*/
	background-position: left top;
	background-repeat: no-repeat;
	color: White;
}

#tabnav_buy ul li a 
{
	margin: 0;
	padding: 5px 12px 10px 12px;
	text-decoration: none;
	font-weight: bold;
	background-color: #CCC7C7; /*url(../images/fadetl.gif);*/
	background-position: left top;
	background-repeat: no-repeat;
	border-bottom: 1px solid #CCC7C7;
	color: White;
}

#tabnav_buy ul {
 	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-bottom: 4px;
}

#tabnav_buy ul li
{
	display: inline;
 	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-bottom: 4px;
}

#tabnav ul li
{
	display: inline;
}

#tabnav ul li a.tabselected,
#tabnav ul li a.tabselected:link,
#tabnav ul li a.tabselected:visited {
    color: Black;
}

#tabnav ul li a.tabunselected,
#tabnav ul li a.tabunselected:link,
#tabnav ul li a.tabunselected:visited {
    color: White;
}

#tabnav_buy ul li a.tabselected,
#tabnav_buy ul li a.tabselected:link,
#tabnav_buy ul li a.tabselected:visited 
{
    color:Black;
}
#tabnav_buy ul li a.tabunselected,
#tabnav_buy ul li a.tabunselected:link,
#tabnav_buy ul li a.tabunselected:visited 
{
	color: White;
}


#tabnav ul li a.tabselected:hover {
    color: black
}
#tabnav_buy ul li a.tabselected:hover {
    color: black
}
/* end tabnav */


/* check these */

a.info:link,
a.info:visited
{
    padding: 1px 4px 1px 4px;
    font-weight: bold;
    background-color: #eee;
    color: #333;
    text-decoration: none
}

/* end check these */


#form_body h1 
{
    font-size: 1.6em;
    font-family: Verdana;
    color: Black;
    display: inline-block;
    font-weight: normal;
   
}

#form_body h2 
{
    font-size: 1.4em;
    font-family: Verdana;
    color: Black;
    display: inline-block;
    font-weight: normal;
}

#form_body h3
{
    font-size: 1.2em;
    font-family: Verdana;
    color: Black;
    display: inline-block;
    font-weight: normal;
}


/*New design elements for Home page */



#hm_page
{
	width: 100%;
	margin: auto;
	background: #ffffff;
	height: auto;
	padding: 0px 0px 10px 0px;
}
html>body #hm_page
{
	margin-top: -15px;
}

#hm_page h1 
{
    font-size: 1.5em;
    font-family: Verdana;
    display: inline-block;
    font-weight: bold;
   
}
#hm_page a
{
	color: Gray;
}
#hm_page p 
{
    font-size: .90em;
    font-family: Verdana;
    font-weight: normal; 
   
}

#hm_page h2 
{
    font-size: 1.25em;
    font-family: Verdana;
}

#hm_page h3
{
    font-size: 1em;
    font-family: Verdana;
    display: inline-block;
    font-weight:bold;
}
#hm_section_top
{
	
	background: url("../images/business images/header_business2.jpg");
	background-repeat: no-repeat;
	width: 100%;
	font-family: Verdana;
	font-size: 1.0em;
	height: 165px;
	margin: 0px;
	padding: 0px;
	
}
/*#hm_section_top p
{
	color: White;
	font-size: 14px;
	width: 23%;
	text-align: left;
	margin: 20px 0px 0px 20px;
	float: left;
}
#hm_section_top h1
{
	font-size: large;
	color: White;
	text-align: left;
	margin: 30px 0px 0px 40px;
}*/

#hm_section_top p
{
	color: White;
	font-size: 14px;
	width: 40%;
	text-align: left;
	padding: 30px 0px 0px 310px;
	//padding:30px 220px 0px 0px;
}


#hm_section_top h1
{
	font-size: 18px;
	color: White;
	width: 25%;
	text-align: left;
	padding: 20px 0px 0px 20px;
	//padding: 30px 0px 0px 20px;
	float: left;
}



#hm_left_panel
{
	width: 135px;
	float: left;
	height: auto;
	margin: 0px 0px 10px 0px;
	padding: 15px;
	text-align: left;
	border-top: 1px solid silver;
	background: url("../images/hm_page/bg_detailnav_center.gif") no-repeat;
}
#hm_top_content
{
	font-size: 14px;
	text-align: left;
	margin: 10px 20px 0px 20px;
}
#hm_top_content p
{
	font-weight: bold;
	color: Gray;
}
#hm_top_content a
{
	color: Black;
}
#hm_top_content a:hover
{
	color: gray;
}

#hm_footer
{
	clear: both;
}

/*#header1 
{
	background: url("../images/downarrow.gif") no-repeat 0% 7px;
	
	padding: 0px 0px 0px 15px;
}*/
#header1,#header2,#header3,#header4,#header5
{
	background: url("../images/accordion-arrow.gif") no-repeat 0% 7px;
	
	padding: 0px 0px 0px 15px;
}
.hm_content_header h2
{
	
	padding: 0px 0px 0px 10px;
}

#hm_centre_panel
{
	width: 55%;
	float: left;
	height: auto;
	padding: 0px 10px 20px 30px;
	text-align: left;
	border: 1px solid silver;
	background-color: white;
}
#hm_centre_panel h2 a
{
	color: gray;
}
#hm_centre_panel  a:hover
{
	color: black;
	text-decoration: none;
}
.a_close4,.a_close5
{
	text-align: right;
	margin: 0px 10px 0px 235px;
}

.a_close1
{
	text-align: right;
	margin: 0px 10px 0px 140px;
}
.a_close2
{
	text-align: right;
	margin: 0px 10px 0px 190px;
}
.a_close3
{
	text-align: right;
	margin: 0px 10px 0px 205px;
}

.a_orange
{
	color: darkOrange !important;
}

#hm_centre_panel p img
{
	padding-right: 5px;
}
#show_hide_all
{
	text-align: right;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#show_hide_all a
{
	padding-bottom: 0px;
	margin-bottom: 0px;
	display: inline;
}
.hm_content_list
{
	margin-left: 15px;
}
.hm_content_list ul
{
	margin-left: 0px;
}
.hm_content_list ul li
{
	background: url("../images/business images/double_arrow.gif");
	background-repeat: no-repeat;
	background-position: 0% 10px;
	list-style-type: none;
	padding: 5px 5px 5px 15px;
}
#hm_right_panel
{
	width: 20%;
	float: left;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	text-align: left;
	border-top: 1px solid silver;
	background-color: white;
}
#hm_right_panel ul li
{
	list-style: none;
	margin: 0px;
	padding: 3px 0px 3px 15px;
}
#hm_right_panel ul
{
	margin: 0px;
	padding: 0px;
}
#hm_right_panel ul li a
{
	color: Gray;
	display: block;
	float: none;
	
}
#hm_right_panel h2
{
	text-align: left;
	margin: 0px 10px 0px 15px;
}



.featurebox	{
	width: 179px;
	background: #4B5456 url("../images/business images/featurebox_btm.jpg") no-repeat left bottom; 
	padding-bottom: 15px;
	margin: 10px 0px 15px 15px;
}

.featurebox p {
	color:#FFF !important;
	background: url("../images/business images/free_12pt_g.gif") no-repeat 110px 5px;
	padding: 0px;
	margin: 0px;
	text-align: left;
}
.featurebox a	{
	color:#FFF !important;
	padding: 0px;
	width: 160px;
	margin: 0px;
	display: inline;
	text-align: left;
}

.boxcontent	{
	background: url("../images/business images/featurebox_top.jpg") no-repeat left top;
	overflow: hidden;
	width: 179px;
	padding-top: 10px;
}
.featurebox a:hover
{
	text-decoration: none;
}

.boxcontent	h2
{
	color: #F1992B;
}

#accordion1,#accordion2,#accordion3,#accordion4,#accordion5
{
	display: none;
}