body{
	margin:0;
	color:#44474b;
	font:12px Arial, Helvetica, sans-serif;
	background:#efefef url(../images/bg-page.gif) repeat-x;
}
img{border-style:none;}
a{
	text-decoration:none;
	color:#356aa0;
}
a:hover{text-decoration:underline;}
input,
textarea,
select{
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:top;
}
form,
fieldset{
	margin:0;
	padding:0;
	border:0;
}
.wrapper{
	overflow:hidden;
	width:100%;
}
#wrapper{
	margin:0 auto;
	width:940px;
	padding:30px 0;
}
.main{
	background:url(../images/bg-top.png) no-repeat;
	padding:6px 0 0;
	margin:0 0 24px;
}
.main-holder{
	background:#fff url(../images/bg-bottom.gif) no-repeat 0 100%;
	min-height:300px;
	padding:0 39px 26px;
}
* html .main-holder{height:300px;}
#main{width:100%;}
#header{
	overflow:hidden;
	width:100%;
	padding:24px 0 0;
	margin:0 0 29px;
}
#header .wrapper{margin:0 0 31px;}
.logo{
	float:left;
	background:url(../images/logo.gif) no-repeat;
	width:170px;
	height:57px;
	text-indent:-9999px;
	overflow:hidden;
	margin:2px 0 0;
}
.logo a{
	display:block;
	height:100%;
}
.slogan{
	float:left;
	color:#000;
	font-size:20px;
	margin:25px 0 0 13px;
}
.header-area{
	float:right;
	width:184px;
}
.phone{
	display:block;
	background:url(../images/bg-phone.gif) no-repeat;
	padding:2px 0 7px 36px;
	font-size:18px;
	color:#000;
	margin:0 0 2px;
}
.header-area ul{
	margin:0 0 0 -4px;
	padding:0;
	list-style:none;
	overflow:hidden;
	height:1%;
}
.header-area ul li{
	float:left;
	margin:0 0 0 -1px;
	padding:0 11px 0 12px;
	background:url(../images/separator-header.gif) no-repeat 0 2px;
	display:inline;
	font-size:14px;
}
.header-area ul a{
	float:left;
	color:#000;
	padding:0 0 7px;
}
.header-area ul a:hover,
.header-area ul .active a{
	text-decoration:none;
	background:url(../images/bullet-contact.gif) no-repeat 50% 100%;
}
.navbar{
	overflow:hidden;
	background:url(../images/bg-navbar.gif) repeat-x;
	height:43px;
}
#nav{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	background:url(../images/bg-nav.gif) repeat-x;
}
#nav li{
	float:left;
	font-size:16px;
	line-height:18px;
	padding:0 0 0 1px;
	background:url(../images/separator-nav.gif) no-repeat;
}
#nav a{
	display:block;
	padding:11px 10px 14px;
	color:#464444;
	text-decoration:none !important;
}
#nav a:hover,
#nav .active a{background:#bebdbd;}

#nav .site_menu_1_selected a{background:#bebdbd;}
#nav .selected a{background:#bebdbd;}
/*
#nav .home{
	background:url(../images/bg-home.png) no-repeat;
	padding:11px 11px 14px 44px;
	margin:0 0 0 -1px;
}
#nav .home:hover,
#nav .active .home{background:url(../images/bg-home.png) no-repeat 0 -43px;}
*/

#nav .site_menu_1_1{
	background:url(../images/bg-home.png) no-repeat;
	padding:11px 11px 14px 44px;
	margin:0 0 0 -1px;
}
#nav .site_menu_1_1:hover,
#nav .selected .site_menu_1_1{background:url(../images/bg-home.png) no-repeat 0 -43px;}

.navbar .link{
	background:url(../images/bg-download.png) no-repeat 100% 0;
	float:right;
	font:bold 16px/17px Arial, Helvetica, sans-serif;
	padding:5px 62px 4px 10px;
	color:#fff;
	text-decoration:none !important;
}

.link:hover{color:#CCCCCC;}

/* Left menu */
#site_menu_2 {
	width:180px;
	float:left;
	background:url("../images/separator-lists.gif") no-repeat 140px 0;
	height:284px;
	}
#site_menu_2 ul {
	margin:0;
	padding:0;
}
#site_menu_2 li {
	font-size:14px;
	color:#356aa0;
	list-style:none;
	margin:0 0 15px;
}
#site_menu_2 li.selected {
	background:url(../images/bullet-list.gif) no-repeat 119px 2px;
	margin-right: 2px;
	color:#2c2d2f;
}

/* End left menu */

#content{width:100%;}
#content:after,
.lists:after{
	content:"";
	display:block;
	clear:both;
}
.section{
	overflow:hidden;
	width:100%;
	margin:0 0 20px;
	padding:5px 0 0;
}
.section .video{
	float:left;
	margin:3px 15px 0 2px;
	display:inline;
}
.area{
	float:right;
	width:409px;
	margin:0 -25px 0 0;
	display:inline;
	line-height:16px;
	background:url(../images/separator-area.gif) no-repeat 192px 55%;
}
.area .col{
	float:left;
	width:180px;
	padding:0 23px 0 0;
}
.area .wrapper{margin:0 0 21px;}
.area h2{
	font-size:16px;
	color:#1b1d1e;
	line-height:20px;
	margin:0 0 3px;
}
.area p{margin:0;}

.columns{
	overflow:hidden;
	background:#f7f6f6 url(../images/bg-columns-t.gif) no-repeat;
	margin:0 -39px 22px;
	line-height:16px;
	position:relative;
	float:left;
}
.columns .holder{
	padding:37px 0 35px;
	background:url(../images/bg-columns-b.gif) no-repeat 0 100%;}
.columns .frame{
	background:url(../images/separator-columns.gif) no-repeat 318px 50%;
	padding:0 0 0 20px;
	overflow:hidden;
	width:920px;
}
.columns .col{
	width:260px;
	padding:0 20px 0 0;
	margin:0 0 0 20px;
	float:left;
	display:inline;
}

.columns .frame50{
	background:url(../images/separator-area.gif) no-repeat 460px 50%;
	padding:0 0 0 20px;
	overflow:hidden;
	width:920px;
}

.columns .col50{
	width:390px;
	padding:0 20px 0 0;
	margin:0 0 0 20px;
	float:left;		
	display:inline;
}

.columns .col50 h3{
	float:center;
	margin-bottom: 0;
}

.columns .col50 p{

	margin-bottom:10px;
}

.columns h2{
	color:#2e2100;
	font-size:16px;
	line-height:19px;
	padding:9px 0 0;
	margin:0 0 7px;
}
.columns p{margin:0;}
.columns .ico1,
.box .ico1{
	background:url(../images/ico1.gif) no-repeat;
	padding:9px 0 6px 35px;
	margin:0 0 1px -1px;
	position:relative;
}
.columns .ico2{
	background:url(../images/ico2.gif) no-repeat;
	padding:9px 0 6px 34px;
	margin:0 0 1px -2px;
	position:relative;
}
.columns .ico3,
.box .ico3{
	background:url(../images/ico3.gif) no-repeat;
	padding:9px 0 6px 33px;
	margin:0 0 1px -2px;
	position:relative;
}
.columns blockquote{margin:0;}
.columns blockquote cite{
	font-style:normal;
	display:block;
	margin:0 0 0 4px;
}
.columns q,
.box q{
	font-style:italic;
	quotes:none;
	display:block;
	margin:0 0 8px;
}
.columns q:before,
.box q:before{content:"";}
.columns q:after,
.box q:after{content:"";}
.columns h3{
	margin:0 0 6px;
	font-size:12px;
}
.lists{
	width:100%;
	background:url(../images/separator-lists.gif) no-repeat 410px 50%;
	margin:0 0 23px;
	overflow:hidden;
}
.lists .column1{
	float:left;
	width:385px;
	padding:0 25px 0 0;
}
.lists .column2{
	float:left;
	width:428px;
	padding:0 0 0 19px;
}
.lists h2{
	font-size:16px;
	line-height:20px;
	margin:0;
}
.lists .ico4{
	background:url(../images/ico4.gif) no-repeat;
	padding:9px 0 6px 35px;
	margin:0 0 8px;
}
/*.lists .ico5{
	background:url(../images/ico5.gif) no-repeat;
	padding:9px 0 6px 36px;
	margin:0 0 8px -1px;
	position:relative;
}*/

.ico5{
	background:url(../images/ico5.gif) no-repeat;
	padding:9px 0 6px 36px;
	margin:0 0 8px -1px;
	position:relative;
}

.lists ul{
	margin:0;
	padding:0 0 0 5px;
	list-style:none;
}
.lists ul li{
	padding:0 0 2px 18px;
	background:url(../images/bullet-list.gif) no-repeat 0 1px;
	margin:0 0 15px;
}
.features{
	overflow:hidden;
	width:902px;
	margin:0 -40px 16px 0;
}
.features h1{
	margin:0 0 10px;
	font-size:24px;
	line-height:30px;
	color:#000;
}
.features .col{
	width:411px;
	margin:0 40px 0 0;
	float:left;
	display:inline;
}
.block{
	width:411px;
	line-height:16px;
	margin:0 0 7px;
	overflow:hidden;
}
.block .title{
	margin:0 0 7px;
	background:#342b1a url(../images/bg-title-t.png) no-repeat;
}
.block .title .holder{
	background:url(../images/bg-title-b.png) no-repeat 0 100%;
	padding:5px 8px 5px 11px;
}
.block h2{
	color:#fff;
	margin:0;
	font:bold 16px/18px Arial, Helvetica, sans-serif;
}
.features p{margin:0 0 12px;}
.block ul{
	margin:0 0 12px;
	padding:0 0 0 2px;
	list-style:none;
}
.block ul li{
	background:url(../images/bullet-features.gif) no-repeat;
	padding:0 0 8px 22px;
}
.twocolumns{
	overflow:hidden;
	width:100%;
	padding:0 0 8px;
}
.twocolumns #content{
	float:left;
	width:621px;
}
.twocolumns h1{
	margin:0 0 13px;
	font-size:24px;
	line-height:30px;
	color:#000;
}
.form-question{
	border:1px solid #c8c7c7;
	background:#f7f6f6;
	padding:21px 0 18px 20px;
	margin:0 0 22px;
}
.form-question .section{
	float:left;
	width:220px;
	margin:0 20px 0 0;
	display:inline;
	padding:0;
}
.form-question .row{
	width:100%;
	overflow:hidden;
	margin:0 0 29px;
}
.form-question .text{
	float:left;
	width:212px;
	border:1px solid #bdbcbd;
	background:#fff url(../images/bg-text.gif) repeat-x;
	padding:3px;
}
.form-question label{
	display:block;
	padding:0 0 2px;
}
.form-question label span{color:#c40707;}
.form-question .wrapper{
	width:100%;
	overflow:hidden;
}
.form-question .hint{
	color:#000;
	font-size:11px;
	line-height:15px;
	float:right;
	margin:0;
}
.form-question .holder{
	float:left;
	width:340px;
}
.form-question .textarea-holder{
	border:1px solid #bdbcbd;
	background:#fff url(../images/bg-textarea.gif) repeat-x;
	width:332px;
	overflow:hidden;
	padding:2px 3px;
	margin:0 0 14px;
}
.form-question textarea{
	background:none;
	border:0;
	width:332px;
	max-width:332px;
	height:154px;
	padding:0;
	margin:0;
	overflow:auto;
	float:left;
}
.form-question .submit{
	color:#fff;
	background:url(../images/bg-btn.gif) no-repeat;
	width:89px;
	height:29px;
	font-size:14px;
	float:right;
	cursor:pointer;
	line-height:19px;
	padding:0 0 2px;
	border:0;
}
.contacts-box{
	float:left;
	width:160px;
	padding:0 44px 0 0;
}
.contact{
	float:left;
	width:200px;
	padding:0 33px 0 0;
}
.contacts-box address{
	font-style:normal;
	margin:0;
	padding:0;
}
.contacts-box address span{display:block;}
.contacts{
	width:642px;
	overflow:hidden;
	margin:0 -21px 0 0;
	line-height:16px;
}
.contacts h3{
	margin:0 0 17px;
	font:12px/15px Arial, Helvetica, sans-serif;
	color:#2e2e2e;
}
.contacts h4{
	color:#2e2e2e;
	font-size:12px;
	line-height:15px;
	margin:0;
}
.contacts dl{
	width:100%;
	overflow:hidden;
	margin:0;
}
.contacts dt{
	float:left;
	margin:0 3px 0 0;
	display:inline;
}
* html .contacts dt{margin:0;}
.contacts dd{
	overflow:hidden;
	height:1%;
	margin:0;
}
.sidebar{
	float:right;
	width:200px;
	padding:5px 0 0;
}
.sidebar .box{
	background:#f7f6f6;
	overflow:hidden;
	width:168px;
	margin:0 0 20px;
	padding:15px 14px 22px 18px;
	line-height:16px;
}
.sidebar .box ul{
	margin:0;
	padding:0;
	list-style:none;
}
.sidebar .box h2{
	margin:0 0 5px;
	font-size:16px;
	line-height:19px;
	color:#2e2100;
}
.sidebar .box h2.ico3{
	line-height:15px;
	font-size:15px;
	padding:0 0 5px 33px;
}
.sidebar .box h2.ico1{
	padding:4px 0 8px 33px;
	margin:0;
}
.sidebar .box blockquote{margin:0;}
.sidebar .box h3{
	margin:0 0 4px;
	color:#232323;
	font-size:12px;
}
.sidebar .box p{margin:0;}
.sidebar .box cite{
	display:block;
	margin:0 0 8px 4px;
	font-style:normal;
}
.sidebar .box ul li{
	padding:3px 0 0;
	margin:0 0 5px;
	width:100%;
	overflow:hidden;
}
.sidebar .alignleft,
.sidebar .alignright{
	float:left;
	border:1px solid #e0dfdf;
	margin:2px 9px 0 4px;
}
.sidebar .alignright{
	float:right;
	margin:2px 4px 0 9px;
}
.sidebar .box .text-holder{
	height:1%;
	overflow:hidden;
}
.sidebar .box .text-holder span{display:block;}
.sidebar .box strong{color:#232323;}
#footer{
	text-align:right;
	color:#666;
	padding:0 6px 0 0;
}
#footer p a{color:#666;}
#footer p{margin:0;}
#footer .wrapper{
	background:url(../images/bg-footer.png) no-repeat;
	overflow:hidden;
	height:29px;
	text-align:left;
	padding:14px 0 0 9px;
	width:853px;
	margin:0 -6px 9px 0;
	color:#fff;
}
.tools{
	float:right;
	overflow:hidden;
	margin:0 -2px 0 0;
	padding:0;
	list-style:none;
	display:inline;
}
.tools li{
	float:left;
	background:url(../images/separator-footer.gif) no-repeat 0 55%;
	margin:0 0 0 -1px;
	padding:0 13px;
}
.tools a{color:#fff;}


.label { white-space:nowrap;vertical-align:top;}

.col p{
	margin-bottom: 10px;
	margin-left: 10px;
}


/* CMS Login Form */

.cms_login_heading{
	background:url(../images/ico3.gif) no-repeat;
	padding:9px 0 6px 33px;
	position:relative;
	color:#2e2100;
	font-size:16px;
	line-height:19px;
	margin:0 0 7px;
}

.cms_login_label, .complete_order_sub_heading{color:#000066;font-weight:bold;}


#cms_lost_password_link_div
{

	padding:10px;
}


/* DBS buttons */

/*
Example markup:
<a href="" id = "button_1" 
	onclick="perform_cms_action('PRO_PAYMENT','STEP_3')" class="button_1" title="" >
	<span class="button_1_enabled_span1"><span class="button_1_enabled_span2">Purchase &raquo;</span></span></a>
*/

.button_1_enabled_span1, .button_1_enabled_span2, .button_1_active_span1, .button_1_active_span2, .button_1_disabled_span1, .button_1_disabled_span2,
.button_2_enabled_span1, .button_2_enabled_span2, .button_2_active_span1, .button_2_active_span2, .button_2_disabled_span1, .button_2_disabled_span2,
.button_3_enabled_span1, .button_3_enabled_span2, .button_3_active_span1, .button_3_active_span2, .button_3_disabled_span1, .button_3_disabled_span2
{
	cursor:pointer; 
	cursor:hand; 
	line-height:31px;
	height: 31px;
	vertical-align:middle;
	text-decoration:none;	
	color: white;
	font-size:12px;
	display:block;
	display:-moz-inline-box;
	display:inline-block;	
}

.button_1_enabled_span1, .button_1_active_span1, .button_1_disabled_span1, 
.button_2_enabled_span1, .button_2_active_span1, .button_2_disabled_span1,
.button_3_enabled_span1, .button_3_active_span1, .button_3_disabled_span1{

	padding-right:9px; 
}

.button_1_enabled_span2, .button_1_active_span2, .button_1_disabled_span2,
.button_2_enabled_span2, .button_2_active_span2, .button_2_disabled_span2,
.button_3_enabled_span2, .button_3_active_span2, .button_3_disabled_span2{
	padding-left:9px; 
}	

a.button_1,a.button_2,a.button_3 {
	border:0; 
	border:none; 
	background:transparent; 
	width:1; 
	overflow:visible; 
	white-space:nowrap; 
	padding:0 2px; 
	cursor:pointer; 
	cursor:hand; 
	text-decoration:none;}

.button_1_enabled_span1{
	background:url(../images/buttons/button_1_enabled.jpg) no-repeat right top; 
}	
.button_1_enabled_span2{ 
	background:url(../images/buttons/button_1_enabled.jpg) no-repeat left top; 
}	
.button_1_active_span1 {
	background:url(../images/buttons/button_1_active.gif) no-repeat right top; 
}
.button_1_active_span2 { 
	background:url(../images/buttons/button_1_active.gif) no-repeat left top;
}
.button_1_disabled_span1 {
	background:url(../images/buttons/button_1_enabled.jpg) no-repeat right top; 
	color: #999999;		
}
.button_1_disabled_span2 { 
	background:url(../images/buttons/button_1_enabled.jpg) no-repeat left top;
	color: #999999;	
}
a.button_1:hover .button_1_enabled_span1{
	background:url(../images/buttons/button_1_hover.jpg) no-repeat right top; 
}	
a.button_1:hover .button_1_enabled_span2{
	background:url(../images/buttons/button_1_hover.jpg) no-repeat left top;
}

/* Button 2 */

.button_2_enabled_span1 {
	background:url(../images/buttons/button_2_enabled.jpg) no-repeat right top; 
}
.button_2_enabled_span2 { 
	background:url(../images/buttons/button_2_enabled.jpg) no-repeat left top; 
	font: 12px,arial,sans-serif;
	color:#046098;
}
.button_2_active_span1 {
	background:url(http://localhost/cf2sap_v2/images/buttons/button_2_active.gif) no-repeat right top; 	
}
.button_2_active_span2 { 
	background:url(http://localhost/cf2sap_v2/images/buttons/button_2_active.gif) no-repeat left top; 
	color:#999999;
}
.button_2_disabled_span1 {
	background:url(../images/buttons/button_2_enabled.jpg) no-repeat right top;
	color: #999999;	 
}
.button_2_disabled_span2 { 
	background:url(../images/buttons/button_2_enabled.jpg) no-repeat left top; 
	color: #999999;
}
a.button_2:hover .button_2_enabled_span1{
	background:url(../images/buttons/button_2_hover.jpg) no-repeat right top; 
}	
a.button_2:hover .button_2_enabled_span2{
	background:url(../images/buttons/button_2_hover.jpg) no-repeat left top;
}

.progress-indicator {
	top:0;
	right:0;
	width:100%;
	height:500%;
	position:absolute;
	text-align:center;
	opacity:0.50; /* firefox, opera, safari, chrome */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; /* IE 8 */
	filter:alpha(opacity=50); /* IE 4, 5, 6 and 7 */
	zoom:1; 
	z-index:1000;
	background-color:white;
	display:none;
 }

 .progress-indicator img {
   margin-top:200px;
 }