/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}
      
table {
    #border-collapse:collapse;  
    #border-spacing:0;
}

body{
	color:#383838;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    line-height:20px;
    text-align:left;    
    margin: 0 auto; 
}
a{
	color: #3d61a3;
	text-decoration: none;
}
a:hover{
	color: #3d61a3;
	text-decoration: underline;
}
h1 {
    display:inline;
}

h1, h2, h3, h4, h5, h6 {
    font-size:100%;
    font-weight:normal;
}

h2 {
    color:#000000;
    font-size:18px;
    font-weight:bold;
    padding-bottom:7px;
}

h2.underlined {
    color:#000000;
    font-size:18px;
    font-weight:bold;
    padding-bottom:16px;
    text-decoration: underline;
}

h3 {
    color:#000000;
    font-size:16px;
    font-weight:bold;        
}

.submit_button {
    padding: 6px;                
    font-size: 14px;    
}

#headerWrap {
    #background: url(../images/header-bar.jpg) repeat-x center bottom;
    background: black url(../images/top_menu_repeat.png) repeat center bottom;
    width: 100%;
    height: 53px;
    display: block;
    overflow: hidden;
    max-width: 1598px;
    margin: 0 auto;
}

#headerWrapInner {
    background: url(../images/header-bar.jpg) repeat-x top center;
    padding-top: 30px;
    padding-bottom: 40px;
    height: 53px;
}

#headerOverlay {         
    width: 954px;
    height: 53px;
    top: 0;
} 

.logo {
    background: url(../images/logo.png) no-repeat center left;
    width: 115px;
    height: 33px;
    float: left; 
    margin-top: 6px;    
}

.logo a {
    display: block;
    height: 100%;
    width: 100%;
}

#header {                                                      
    width: 954px;
    height: 53px;
    margin: 0 auto;
    padding: 0;
}

#headerTop {
    float: left;
}

#headerTop a {
    float: left;
    margin: 0;
    padding: 0;
} 

#headerTop a:link, #headerTop a:active, #headerTop a:visited {
    text-decoration: none;
    color: #D9D9D9;
    font-size: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;      
}

#headerTop span {
    display: none;
}

#rightTop span {
    display: none;
}

#rightTop {
    float: right;
}

#rightTop a {
    float: left;
}

#rightTop a:link, #rightTop a:active, #rightTop a:visited {
    text-decoration: none;
    color: #D9D9D9;
    font-size: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.top_separator {
    background: url(../images/top_menu_separator.png) no-repeat center left;
    width: 2px;
    height: 53px;
    float: left;
    margin-left: 15px;
    margin-right: 15px;
}

#loginButton {
    display: block;
    float: left;
    width: 39px;
    height: 53px;
    margin-right: 10px;
}

#loginButton a {
    display: block;
    background: url(../images/login-button.png) top left no-repeat;
    width: 39px;
    height: 13px;
    margin-top: 23px;
    float: right;
}

#loginButton a:hover {
    background: url(../images/login-button.png) bottom left no-repeat;
}

#logoutButton {
    display: block;
    float: left;
    width: 57px;
    height: 53px;
    margin-right: 10px;
}

#logoutButton a {
    display: block;
    background: url(../images/logout-button.png) top left no-repeat;
    width: 57px;
    height: 13px;
    margin-top: 23px;
    float: right;
}

#logoutButton a:hover {
    background: url(../images/logout-button.png) bottom left no-repeat;
}

#supportButton {
    display: block;
    width: 60px;
    height: 53px;
    float: left;
    background: url(../images/top_menu_separator.png) no-repeat center left;
    padding-left: 13px;
    padding-right: 10px;
}

#supportButton a {
    display: block;
    background: url(../images/support-button.png) top left no-repeat;
    width: 60px;
    height: 13px;
    margin-top: 23px;
    float: right;
}

#supportButton a:hover {
    background: url(../images/support-button.png) bottom left no-repeat;
}


#livechatButton {
    display: block;
    float: left;
    width: 91px;
    height: 53px;
    background: url(../images/top_menu_separator.png) no-repeat center left;
    padding-left: 13px;
    padding-right: 10px;
}

#livechatButton a {
    background: url(../images/chat-button.png) top left no-repeat;
    width: 91px;
    height: 16px;
    margin-top: 20px;
    float: right;
}

#livechatButton a:hover {
    background: url(../images/chat-button.png) bottom left no-repeat;
}

#homeButton {
    display: block;
    float: left;
    width: 47px;
    height: 53px;
}

#homeButton a {
    background: url(../images/home-button.png) top left no-repeat;  
    width: 47px; 
    height: 16px;    
    margin-top: 20px;     
}    
  
#homeButton a:hover {
    background: url(../images/home-button.png) bottom left no-repeat;
}

#accountButton {
    display: block;
    float: left;
    width: 97px;
    height: 53px;
}

#accountButton a {
    background: url(../images/account-button.png) top left no-repeat;  
    width: 97px; 
    height: 16px;    
    margin-top: 20px;     
}    
  
#accountButton a:hover {
    background: url(../images/account-button.png) bottom left no-repeat;
}

#registerButton {
    display: block;
    float: left;
    width: 117px;
    height: 53px;
}

#registerButton a {
    background: url(../images/register-button.png) top left no-repeat;  
    width: 117px; 
    height: 16px;    
    margin-top: 20px;     
}    
  
#registerButton a:hover {
    background: url(../images/register-button.png) bottom left no-repeat;
}

#neworderButton {
    display: block;
    float: left;
    width: 86px;
    height: 53px;
}

#neworderButton a {
    background: url(../images/neworder-button.png) top left no-repeat;  
    width: 86px; 
    height: 16px;    
    margin-top: 20px;     
}    
  
#neworderButton a:hover {
    background: url(../images/neworder-button.png) bottom left no-repeat;
}

.header_bg{
	background:black url(../images/top_menu_repeat.png) repeat scroll center bottom;
    display:block;
    height:53px;
    overflow:hidden;
    width:100%;
}
.navigation_bg{     
}
.header{
	background: url(../images/logo.png) no-repeat left center; 
	height:53px;
    margin:0 auto;
    padding:0;
    width:954px;
}
.navigation{
    margin-top:13px;           
	color: #bcbcbc;
	float: right;
    font-size: 14px;
    font-family:"Century Gothic","Apple Gothic","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}
.navigation ul{
	padding: 0px;
	margin: 0 0 0 0px;
}
.navigation ul li{
	float: left;
	list-style: none;
	padding: 7px 12px 0;
}
.navigation ul li a{
	color: #bcbcbc;
	text-decoration: none; 
}
.navigation ul li a:hover{
	color: #fff;
	text-decoration: none; 
}
.selected{
	color: #fff;
	text-decoration: none; 
}
.main_container{
	width: 895px;
	margin: 0 auto 160px;
	padding-top: 83px;
}
.order_licenses_container {
    width: 100%;
	height:auto;
	margin: 0 auto;
	padding: 0;
}
.order_licenses_container_1{
	background:transparent url(../images/header-bar.jpg) repeat-x scroll center top;
    height:53px;
    padding-bottom:40px;
    padding-top:30px;
    max-width: 1598px;
    margin: 0 auto; 
}

.private_label_header {   
    background: #000000;
    padding-top:15px;    
    width: 100%;
    height: 45px;
} 

.private_label_header h1 {
    color: #ffffff;
    font-size: 34px;
    font-family: arial;
}

.private_label_header table {
    width:944px;
    margin:0 auto;
}

.order_licenses_text_container{ 
	margin:0 auto;
    width:944px;
}

.order_licenses_container_2 {
	height:auto !important;
    margin:0 auto;
    min-height:400px;
    padding-bottom:45px;
    padding-top:45px;
    width:944px;
}
.tbl_header{
	background-color: #5d7086;
	text-align: center;
	color: #FFFFFF;
}
.oddrow{
	background-color: #f7f9fb;
	text-align: center;
}
.evenrow{
	background-color: #e8eff5;
	text-align: center;
}
.licenses_heading{
	background-color: #294260;
	color: #fff;
	font-size: 20px;
	padding: 6px;
}
.licenses_text{
	color: #253b63;
	font-size: 16px;
	font-weight: bold;
	padding: 15px 0 0 15px;
}
#inner-body{                                                                          
    font-size:14px;
}
.footer{
	width: 100%;
    background: #000000;
    max-width: 1598px;
    margin: 0 auto;
}
.footer_box{
	 
}
.footer_container{
	margin: 0 auto; 
}
.footer_text{
	color: #999999;
	font-size: 12px;
}
.find_out{
	color: #FFFFFF;
}
.find_out a{
	color: #FFFFFF;
}
.find_out a:hover{
	color: #FFFFFF;
}
.footer_nav{
	margin: 0 auto; 
	color: #525252;
	font-size: 12px;
    width:100%;
    text-align:center;
    margin-top: 17px;
}
.footer_nav ul{
	padding: 0px;
	text-align: center;
    height: 100%;  
}
.footer_nav ul li{
	padding: 0 5px 0 5px;
	margin: 0px;
	list-style: none;
	display: inline;
}
.footer_nav ul li a{
	color: #D0D0D0;
	text-decoration: underline;
    font-size: 11px;
}
.footer_nav ul li a:hover{
	color: #D0D0D0;
	text-decoration: none;
}
.copyright{
	font-size: 12px;
	color: #525252;
	margin: 20px auto 0;
	width: 948px;
	text-align: center;
    padding-bottom: 13px;
}
.text_white_big {
	color:#FFFFFF;
    font-family:"Century Gothic","Apple Gothic","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
    font-size:34px;
    letter-spacing:1px;
    line-height:34px;
}
.text_gray {
    color:#B2B2B2;
    font-family:"Century Gothic","Apple Gothic","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
    font-size:16px;
    font-weight:500;
    margin-top:8px;
}
.text_gray_small {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: 200;
	font-variant: normal;
	color: #666666;
	line-height:16px;
}
.text_black_small {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: 200;
	font-variant: normal;
	color: #000000;
	line-height:16px;
}


.text_black_big {
	font-family: Arial, Tahoma, Verdana,  Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
}
.text_blue_big {
	font-family: Arial, Tahoma, Verdana,  Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #800000;   
    margin-bottom: 10px;   
}
.btn_continue {
width:auto;
height:auto;
padding-top:15px;
float:left;
}
.text_black_midium {
	font-family: Arial, Tahoma, Verdana,  Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;  
}

.normal_text_area {
   width:auto;
   height:auto;        
 }

.green_container {
width:893px;
height:auto;
border:1px #FFFFFF solid;
margin:1px;
background-color:#73c350;
padding:10px 20px 10px 20px;
color:#FFFFFF;
font-size:14px;
line-height:22px;
}

input.text {
    border: 1px solid #D0D0D0;
    padding: 4px;
    font-size: 14px; 
    font-family: Arial, Tahoma, Verdana,  Helvetica, sans-serif;
} 

.group_box {
    width: 300px;
    border: 1px solid #D0D0D0;
    background-color: #FFFFFF;
}

.clear {clear: both;}

/*********
* Notices
**********/
#fail
{
	background: #BE4646 url(../images/cross.gif) 5px center no-repeat !important;
	border : 3px double white;
	font-size: 1.1em;
	padding-left : 25px;
	margin-bottom: 10px;
}

#fail p 
{
	color : white; 
    padding: 5px;
}

p#fail
{
	border : 0;
	border-left : 1px solid #B23636;
	border-top : 1px solid #B23636;
	color : white;
	padding-left : 30px;
}

p#fail.comment 
{ 
	margin : 12px; 
}

#fail a:link, #fail a:visited 
{ 
	color : #F4E0E0; 
	text-decoration : underline; 
}

#fail a:hover 
{ 
	color : white; 
	text-decoration : none; 
}

#success
{
	background: #73C350 url(../images/tick.gif) 5px center no-repeat !important;
	border: 3px double white;
	font-size: 1.1em;
	padding-left : 25px;
	margin-bottom: 10px;
}

#success p 
{ 
	color : white;
    padding: 20px; 
}

#success a:link, #success a:visited 
{ 
	color : #E5F1DF; 
	text-decoration : underline; 
}

#success a:hover 
{ 
	color : white; 
	text-decoration : none; 
}

#notice
{
	background: #1F829E url(../images/notice.gif) 5px center no-repeat !important;
	border : 3px double white;
	font-size: 1.1em;
	padding-left : 25px;
	margin-bottom: 10px;
}

#notice p 
{ 
	color : white; 
}

p#notice
{
	border : 0;
	color : white;
}

p#notice.comment
{
	background-position : left center !important;
	font-size : 1em;
	margin : -1px;
}

#notice a:link, #notice a:visited 
{ 
	color : #D8E9EE; 
	text-decoration : underline; 
}

#notice a:hover 
{ 
	color : white; 
	text-decoration : none; 
}
/*************
* End Notices
**************/
#bottomblack {
    background: url(../images/bottomblack.jpg) repeat-y top left;     
}

#bottomblack1 {
    width: 944px;
    margin: 0 auto; 
    height: 140px;
}

#bottomblack1 h3 {
    font-size: 18px;
    margin-bottom: 12px;
}

#company {                
    float: none;
    margin: 0 auto;
    padding-top: 40px;
}

#company #products { 
    padding-bottom: 85px;
    margin: 0 auto;
} 
 
#company #products a { 
    padding-top: 32px; 
    font-size: 12px; 
    float: left;
    color: #999; 
    height: 35px; 
} 

#company #products a.billingonclick { 
    width: 195px; 
    background: url(../images/logo_billing.png) no-repeat top left; 
    margin-top:2px;
    padding-top: 30px;   
}

#company #products a.projectonclick { 
    width: 198px; 
    background: url(../images/logo_project.png) no-repeat top left;    
}

#company #products a.businessonclick { 
    width: 213px; 
    background: url(../images/logo_boc.png) no-repeat top left;    
}

#company #products a.helponclick { 
    width: 170px; 
    background: url(../images/hnc.gif) no-repeat top left; 
    margin-top:4px;
    padding-top: 28px;
}

#company #products a.magnacrm { 
    width: 120px; 
    background: url(../images/wbc.gif) no-repeat top left;   
    margin-top:2px;
    padding-top: 30px;      
}

#company #about { 
    margin: 0 auto;
    background: url(../images/onclick.png) no-repeat left top;    
    padding: 9px;
}

#company #about a { 
    color: #D0D0D0;
    #text-decoration: underline;
}

#company #about #text{  
    width: 630px; 
    padding-left: 140px;
    padding-right: 40px;  
    color: #999;
} 

#company #about #more_products {   
    font-size: 12px; 
    padding-top: 10px; 
    width: 300px; 
    color: #999;
}

.bottomblackleft a {
    color: #FFFFFF;            
}

.bottomblackleft {
    float: left;
    width: 435px;
    padding: 30px 0 30px 0;
    color: #999;
}

.bottomblackleft img {
    padding: 0 20px 0 0;
    float: left;
}

.bottomblackleft #about {
    width: 435px;
    height: 55px;
    background: url(../images/onclick.png) no-repeat left top;
}

.bottomblackleft #about #text{
    padding-left: 140px;
}

.bottomBlackRight {
    width: 435px;
    float: left;
    padding: 30px 0 0 60px;
}

.bottomBlackRight img {
    margin-right: 25px;
}



.bottomBlackRight h3 {
    color: #FFFFFF;            
}

a.product1 {
    float: left;
    color: #999;
    font-size: 12px;
    width: 120px;
    height: 65px;
    background: url(../images/hnc.gif) no-repeat top left;
    padding-top: 32px;
}

a.product2 {
    float: left;
    color: #999;
    font-size: 12px;
    width: 120px;
    height: 65px;
    background: url(../images/wbc.gif) no-repeat top left;
    padding-top: 32px;
    margin-left: 35px;
}

a.product3 {
    float: left;
    color: #999;
    font-size: 12px;
    width: 120px;
    height: 65px;
    background: url(../images/cs.gif) no-repeat top left;
    padding-top: 32px;
    margin-left: 35px;
}

.price {
    color: #800000;
}

.space {
    height: 15px;
}