@charset "utf-8";
/* CSS Document */
*{
	padding:0;
	margin:0;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}
html {
 	min-height: 100%;
 	height: auto;
 }
 
body{
	background:#fff url(../images/bodybg.gif) repeat-x left bottom;
	color:#747474;
	font-size:11px;
	line-height:18px;
	text-align:center;
	}
a{
	color:#3ea3ce;
	}
h1{
	font-size:18px;
	display:none;
	}
h2{
	font-size:20px;
	line-height:26px;
	margin:0px 0 5px 0;
	color:#3ea3ce;
	}
h3{
	font-size:13px;
	line-height:20px;
	margin:10px 0 0px 0;
	color:#8a8a8a;
	clear:both;
	}

h4{
	font-size:15px;
	color:#3ea3ce;
	margin:8px 0 3px 0;
	
	}
h5{
	font-size:12px;
	margin:6px 0 2px 0;
	}
p{
	padding: 0 0 10px 0;
	}
ul, ol{
	margin: 5px 20px 15px 30px ;
	}
.clear{
	clear:both;
	display:none;
	}
.container{
	width:800px;
	height: auto !important;
	margin:0 auto;
	text-align:left;
	}
#top{
	width:100%;
	height:85px;
	padding-top:30px;
	background: url(../images/head_top.jpg) no-repeat 583px bottom;}
#logo{
	margin:0 0 0px 5px;
	background:url(../images/logo.gif) no-repeat left top;
	width:169px;
	height:52px;
	}
#main-nav {
	height:18px;
	width:auto;
	margin:10px  0 2px 0;
	float:left;
}
#main-nav ul {
	list-style-type: none;
	margin:0;
	display:block;
	float:left;
}
#main-nav li {
	display: inline;
	float: left;
}
#main-nav li a {
	color: #848484;
	text-decoration: none;
	padding: 0px 8px 0 8px;
	border-right: 1px solid #e3e1e1;
	} 
#main-nav li a:hover, #main-nav li a.current{
	color: #3ea3ce;
}
#main-nav li a.last {
	border-right: 0px;
}
#flag-nav{
	float:right;
	margin:12px 10px 2px 0;
	}
#header{
	clear:both;
	height:155px;
	width:800px;
	margin:0 auto;
	background:url(../images/header.gif) no-repeat center bottom;
	}
#main{
	width:798px;
	height:auto;
	padding:0px 1px 15px 1px;
	background:#fff url(../images/mainbg.gif) repeat-y center top;
	display:table;
}
#left-column{
	width:170px;
	height:auto;
	padding:30px 20px 0 20px;
	float:left;
	display:table-cell;
	background:url(../images/leftbg.png)  repeat-x top left;
	min-height:300px;
	height:auto !important;
    height:300px;
}
#finder_button{
	width:143px;
	height:42px;
	margin:-10px 0 25px -15px;
	padding:21px 0 0 55px;
	background:url(../images/finderbg.jpg) no-repeat center center;
	}
.buttontitle, .buttontitle a{
	font-size:13px;
	width:122px;
	font-weight:bold;
	color:#fff;
		}
#left-nav{

	}
#left-nav .item{
	height:33px;
	padding:0 0 10px 38px;
	margin:0 -5px 15px -5px;
	border-bottom:1px dotted #999898;
	}
#left-nav .last{
	border-bottom:0;
	}
/*#tel{	
	background:url(../images/icon_tel.gif) no-repeat left top;
	}
#bill{	
	background:url(../images/icon_bill.gif) no-repeat left top;
	}
#lock{	
	background:url(../images/icon_lock.gif) no-repeat left top;
	}*/
#bill{	
	background:url(../images/icon_creditcard.gif) no-repeat left top;
	}
#password{	
	background:url(../images/icon_security.gif) no-repeat left top;
	}
#question{	
	background:url(../images/icon_question.gif) no-repeat left top;
	}
#question2{	
	background:url(../images/question2.gif) no-repeat left top;
	}
#customer{	
	background:url(../images/icon_headset.gif) no-repeat left top;
	}
a.title{
	line-height:15px;
	font-size:11px;
	font-weight:bold;
	letter-spacing:0px;
	margin:0 0 -5px 0;
	text-decoration:none;
	}
a.title:hover{
	color:#666;
	}
.description{
	line-height:13px;
	color:#aaa;
	}

#right-column{
	width:540px;
	height:auto;
	height:100%;
	padding:25px 17px 0 18px;
	float:left;
	display:table;
	background:url(../images/rightbg.png)  no-repeat  left top ;
	min-height:350px;
	height:auto !important;
    height:350px;
}
.subtitle{
	line-height:13px;
	font-size:11px;
	color:#aaa;
	margin-top:-5px;
	}
/*#buttons{
	margin: 20px 0 -20px 0;
	}
#buttons .item{
	width:165px;
	height:52px;
	margin: 0 0 0 60px;
	padding-top:70px;
	float:left;
	text-align:center;
	}

#purchase{
	background:url(../images/purchase.jpg) no-repeat left top;
}
#contact{
	background:url(../images/contact.jpg) no-repeat left top;
}
*/
.step1{
	background:url(../images/icon_1.gif) no-repeat left center ;
	padding-left:25px;
	}
.step2{
	background:url(../images/icon_2.gif) no-repeat left center ;
	padding-left:25px;
	}
.step_description{
	line-height:15px;
	width:90%;
	color:#969696;
	}
.formfield{
	padding:0px 0 27px 0;	
	}
.label,.label2, .security_label{
	margin:0 5px 0 0;
	line-height:27px;
	height:28px;
	padding:0 5px 0 0;
	font-weight:bold;
	font-size:12px;
	color:#777;
	display:block;
	float:left;
	}
.label2{
    width:160px;
    }
.textfield{
	width:244px;
	height:16px;
	padding:6px 5px 3px 5px;
	line-height:16px;
	border:1px  solid #fff;
	background: url(../images/textfield_bg.gif) repeat-x left bottom;
	}
.textfield_short{
	width:94px;
	height:16px;
	padding:6px 5px 3px 5px;
	line-height:16px;
	border:1px  solid #fff;
	background: url(../images/textfield_bg_short.gif) repeat-x left bottom;
	}
.stepbutton{
	clear:both;
	text-align:right;
	margin:-10px 0px 0 0 ;
	}
/*
.step2_button{
	background:url(../images/step2.png) no-repeat top left;
	width:200px;
	height:46px;
	border:1px solid #fff;
	}
.step3_button{
	background:url(../images/step3.png) no-repeat top left;
	width:200px;
	height:46px;
	border:1px solid #fff;
	}*/
.order_details_button{
	background:url(../images/button_big_bg.gif) no-repeat center center;
	width:170px;
	height:35px;
	padding-bottom:3px;
	border:0px solid #fff;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	text-transform:uppercase;
	}
.order_details_button:hover{
	color:#ccc;
}
.security_radio{
}
.choose{
	color:#777;
	font-weight:bold;
	margin:0 0 10px 0;
	}
.boldhr{
	height:4px;
	width:100%;
	background:#e8e8e8;
	margin:-5px 0 20px 0;
	}
.account_container{
	padding:5px 0;
	border-top:1px dotted #ababab;
	border-bottom:1px dotted #ababab;
	display:table;
	height:100%;
	width:95%;
	margin:0 0 25px 0;
	}
.account_info1, .account_info2{
	float: left;
	padding-right:15px;
	margin:8px 15px 0 0;
	}
.account_info1{
	border-right:1px solid #ccc;
	}
.account_title{
	font-size:12px;
	font-weight:bold;
	color:#3ea3ce;
	}
.license_container{
	padding:5px 0;
	border-top:1px dotted #ababab;
	border-bottom:1px dotted #ababab;
	display:table;
	height:100%;
	width:400px;
	padding:0 0 15px 0;
	
	}
	
.license_info_container{
	
	padding:8px 25px 8px 0;
	display:table-cell;
	height:36px;
}
.license_info
{
	width:300px;
	float:left;
	padding:8px;}
	
#divAccess
{
	border:1px solid #333;}

.summary_login_button, .next_button, .back_button, .summary_download_button{
	float:left;
	margin-top:0px;
	background:url(../images/button_small_bg.gif) no-repeat center center;
	width:100px;
	height:34px;
	padding-bottom:4px;
	border:0px solid #fff;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	}
a.back_button{
    width:46px;
	height:35px;
	line-height:32px;
	padding: 0 10px 0 25px;
	text-decoration:none;
    }
.summary_login_button:hover, .next_button:hover, .back_button:hover, .summary_download_button:hover{
	color:#ccc;
}
.summary_download_button{
	margin-top:10px;
}
.next_button{
	margin:5px 0 0 10px;
	float:right;
		}
.back_button{
	float:right;
	}
.gridViewStep  th{
	height:30px;
	background:#e8e8e8;
	color:#777;
	text-align:center;
	border-left:1px solid #fff;
	}
.gridViewStep  th.first{
	border:0;}
.gridViewStep  td{
	padding:8px 0 8px 5px;
	border-top:1px solid #eee;
	}
.gridViewStep {
	border-collapse:collapse;
	border:1px solid #eee ;
	width:100%;
	}

p.note
{
    margin: -20px 0 20px 0;
    }
.greybg{
	background:#f7f7f7;
	}
#billingdata, #contactdata {
	border:1px solid #e8e8e8;
	border-collapse:collapse;
	margin-bottom:25px;
	}
#billingdata td, #contactdata td{
	padding: 3px 5px 3px 15px;
	vertical-align:top;
	border-bottom:1px solid #eee;
	border-left:1px solid #eee;
	}
#contactdata td{
	vertical-align:middle;
	}
#billingdata tr.title td, #contactdata	tr.title td{
    background:#e8e8e8;
	font-weight:bold;
	}
#billingdata tr.title td{
	font-size:0px;
	padding:0;
	margin:0;
	height:8px;}

.button_description{
	margin:8px 0 0 0;
	float:right;
	}
#bottom{
	width:100%;
	height:10px;
	clear:both;
	background:url(../images/bottom.gif) no-repeat center bottom;
}
#footer{
	text-align:center;
	color:#999;
	clear:both;
	background:url(../images/upclicklogo.png) no-repeat right bottom;
	padding-right:159px;
	}
#footer ul{
	list-style:none;
	margin: 15px 0 5px 0;
	width:100%;
	}
#footer li{
	display:inline;
	}
#footer li a {
	color: #888;
	text-decoration: none;
	padding: 0px 5px 0 5px;
	border-right: 1px solid #e3e1e1;
	} 
#footer li a:hover, #footer li a.current{
	color:#3ea3ce;
}
#footer li a.last {
	border-right: 0px;
}
.top{
	float:right;
	background:url(../images/goup.gif) no-repeat left bottom;
	padding-left:12px; }
div#qTip {
 padding: 5px 10px 5px 15px;
 border: 1px solid #e8e8e8;
 border-right-width: 2px;
 border-bottom-width: 2px;
 width:400px;
 display: none;
 background: #f2f2f2;
 color: #444;
 text-align: left;
 position: absolute;
 z-index: 1000;
}
	
div.tooltip {
	width: 200px;
	color: #fff;
	text-align: center;
}

.alert
{
    color:#e63b3b;
      text-align:right;
    margin:-20px 90px 0 0;
    
    }
.more_options
{
    float:left;
    margin-top:-15px;
    }