@charset "utf-8";
/* CSS Document */

/*.heading{
	Color : #CC0000;
	Font-Family : Arial;
	Font-Weight : Bold;
	Font-Size : 20px;
	}
.page-footer_content {
    display: none!important;
}
footer.bottom {
    display: none!important;
}

.sub_heading{
	Color : #CC0000;
	Font-Family : Arial;
	Font-Weight : Bold;
	Font-Size : 18px;
	}

.normal_bold_text{
	Color : #1D1D1D;
	Font-Family : Arial;
	Font-Weight : Bold;
	Font-Size : 12px;
	}

.normal_text{
	Color : #1D1D1D;
	Font-Family : Arial;
	Font-Weight : Normal;
	Font-Size : 12px;
	}
	
.normal_white_text{
	Color : #FFFFFF;
	Font-Family : Arial;
	Font-Weight : Normal;
	Font-Size : 14px;
	}
	
.normal_error_text{
	Color : #FF0000;
	Font-Family : Arial;
	Font-Weight : Normal;
	Font-Size : 14px;
	}

.normal_small_bold{
	Color : #1D1D1D;
	Font-Family : Arial;
	Font-Weight : Bold;
	Font-Size : 11px;
	}

.normal_small_text{
	Color : #1D1D1D;
	Font-Family : Arial;
	Font-Weight : Normal;
	Font-Size : 11px;
	}*/

/*
Table / Row
*/

/*#list_row_BG1,.list_row_BG1{
	Background-Color : #eeeeee;
	}

#list_row_BG2,.list_row_BG2{
	Background-Color : #FFFFFF;
	}

#Application_Table{
	border-spacing : 10pt;
	padding : 5px;	
	Width : 100%;		
	font-family : "verdana";
	font-size : 10pt;
	}

#Form_Table{
	border-spacing : 10pt;
	padding : 0pt;	
	Width : 415px;
	Font-Family : Arial;
	Font-Size : 10pt;
	}

.TableBackGroundColor
{
    BACKGROUND-COLOR: #ffffff;
}

.buttonfontstyle{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color:#006699;	
	Font-Weight : Normal;
	} 

body{
	background-color:#FFFFFF;
	padding:0; margin:0;
	}
td{
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#000000;
	}

.spacer {
font-size:0;
line-height:0;
clear:both;
}
				
td, div, img, p, a, ul, h1, h2, form, label, input, select, textarea{
	padding:0;
	margin:0;
	}
	
.phoneno{
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#CC0000;
	}
a.learnmore{
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#CC0000;
	text-decoration:none;
	}
.firststepbg{
	background-color:#CC0000;
	}
.firststeptext{
	font:normal 18px/20px Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding:0 0 0 10px;
	}

* { border:none; outline:none;}

html{ position:relative;}

html, body{ height:100%; min-height:100%; margin:0; padding:0;}

h1, h2, h3, h4, h5{ font-weight:normal;}

header, section, footer, aside, nav, main, article, figure { display: block;}

body{ color:#666666; font-family: 'Merriweather Sans', sans-serif; font-size: 14px; line-height:20px; font-weight: 300; overflow-x: hidden;}

a, button {	margin: 0; outline:none; padding:0; text-decoration: none; transition: all 0.2s ease-in-out 0s; vertical-align: baseline; color: #676767;}
a:focus { outline:1px dotted #111;}

a, body, div, p, em, embed, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, label, li, ol,span, strong, table, tbody, th, tr, ul{ border:0 none; margin: 0; padding: 0;}

#wraper{ width:100%; position:relative; min-height:100%;}

.clearfix{ clear:both; height:0; line-height:0;}

.margBtm25{ margin-bottom:25px;}*/

.white{ color:#FFF;}

/*--------------------------------------------------*/

/*.container{ width:100%; max-width:990px; margin:0 auto;}

.topSec{ display:table;}
.leftPan{ width:60%; display:table-cell; vertical-align:top; background:#eaddba; padding:20px 20px 0 20px; box-sizing:border-box;}
.rightPan{ width:40%; display:table-cell; vertical-align:top; background:#00a1e0; padding:40px 30px 40px 50px; box-sizing:border-box; position:relative;}
.rightPan::before{width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #eadeb8; position:absolute; top:100px; left:0; content:"";}
.logo{ float:left; width:25%}
.logo img{ width:100%}
.rtTxtPan{ float:left; width:75%; padding-right:40px; box-sizing:border-box;}
.rtTxtPan h2{ font-size:214%; font-weight:300; line-height:40px; margin-top:15px;}
.rtTxtPan a{ font-weight:bold; color:#00a1e0;}
.rtTxtPan a:hover{ color:#ff1100;}
.imgPan{ margin-top:30px; text-align: center; padding-bottom:-20px;}
.imgPan img{ width:100%;}

.rightPan h3{ font-size:142%; line-height:25px; margin-bottom:15px;}
.rightPan p{ margin-bottom:15px;}
.formPan{ margin-top:35px;}

.midSec{ width:100%; padding:10px 0;}
.brandSec{ width:40%; float:right;}

.brandIcon{ display:inline-block; vertical-align:top; width:38%;}
.brandIcon img{ width:100%;}
.brandTxt{ display:inline-block; vertical-align:top; width:60%; color:#000; font-size:78%;}
.brandTxt a{ color:#00a1e0; font-weight:bold;}
.brandTxt a:hover{ color:#ff1302;}

.botSec{ width:100%; padding:20px 0;}
.botSec .lftPan{ width:75%; display:inline-block; vertical-align: middle;}
.botSec .rgtPan{ width:24.5%; display:inline-block; vertical-align: middle;}
.botSec .lftPan ul{ list-style-type:none;}
.botSec .lftPan ul li{ display:inline-block; vertical-align:top; padding:0 10px; border-right:1px solid #666; color:#808080; font-size:128%; line-height:18px;}
.botSec .lftPan ul li:first-child{ padding-left:0;}
.botSec .lftPan ul li:last-child{ border-right:none; padding-right:0;}
.botSec .lftPan ul li a{ color:#808080;}
.botSec .lftPan ul li a:hover{ color:#ff1302;}

.botSec .rgtPan .socialMedia { text-align:right;}
.botSec .rgtPan .socialMedia img{ margin-left:5px;}
.botSec .rgtPan .socialMedia i{ font-size:28px; margin:0 0 0 15px;}

.botSec2{ width:100%; padding:20px 0;}
.botSec2 .lftPan{ width:75%; display:inline-block; vertical-align: middle;}
.botSec2 .rgtPan{ width:24.5%; display:inline-block; vertical-align: middle;}
.botSec2 .lftPan ul li { font-size:87%; line-height:12px; display:inline-block; vertical-align:top; padding:0 10px; border-right:1px solid #666; color:#808080; font-size:87%; line-height:12px;}
.botSec2 .lftPan ul li:first-child{ padding-left:0;}
.botSec2 .lftPan ul li:last-child{ border-right:none; padding-right:0;}
.botSec2 .lftPan a{ color:#00a1e0;}
.botSec2 .lftPan a:hover{ color:#ff1100;}

.botSec2 .lftPan p{ font-size:87%; margin-bottom:10px;}

.botSec2 .rgtPan{ text-align:right;}
.botSec2 .rgtPan a{ background:url(http://www.salesforce.atworkweb.com/sw/swchannel/images/users/41221/Salesforcecampaign/lang-selector-sprite.png) no-repeat 0 0; padding:5px 0 5px 30px; font-weight:bold; color:#00a1e0;}

.mobTop{ display:none;}
.mobTop{ text-align:center;}
.mobTop a{ display:block; width:101px; height:71px; margin:20px auto;}
.mobTop h2{ margin-bottom:20px; font-size:200%;}
.mobTop p{ margin-bottom:20px;}

.FormTextBox, .FormTextBoxFocus{ -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; padding:10px; font-size:14px; width:100%; box-sizing:border-box;}
.FormSelectBox, .FormSelectBoxFocus{ -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; padding:10px; font-size:14px; width:100%; box-sizing:border-box;}
.partlogo{float:left; border-right:1px solid #CCC; margin:0 20px 0 0; padding:0 20px 0 0; height:71px; display:table; }
.partlogo span{display:table-cell; vertical-align:middle; width:140px; text-align:center;}
.partlogo span img{ width:140px;}*/
body>nav.sidebar{
	padding: 0 0 85px 0!important;
}
@media all and (max-width : 960px) {
	 
.botSec, .botSec2 {width: 100%; padding: 20px 20px; box-sizing: border-box;}
.botSec .rgtPan img{ width:100%;}
.botSec .lftPan{ width:100%; text-align:center; margin-bottom:10px;}
.botSec .rgtPan{ width:100%;}
.botSec .rgtPan .socialMedia{ text-align:center;}


}

@media all and (max-width : 800px) {

.leftPan{ width:55%; }
.rightPan{ width:45%; }

.rightPan { padding: 25px;}
.rtTxtPan{ padding-right:20px;}
.brandSec{ width:100%; float:none; padding:0 20px; box-sizing:border-box;}
.brandIcon img{ margin-right:10px; vertical-align:middle;}
.botSec .lftPan{ width:72%;}
.botSec .lftPan ul li{ font-size:100%; line-height:14px;}
.botSec .rgtPan{ width:26%;}
.botSec2 .lftPan{ width:72%;}
.botSec2 .rgtPan{ width:26%;}
.rtTxtPan h2{ text-align:center;}

}

@media all and (max-width : 767px) {
	
.topSec{ display:block;}	
.leftPan{ display:none;}
.rightPan{ display:block; width:100%;}	
.rightPan::before{ display:none;}
.mobTop{ display:block;}

}

@media all and (max-width : 580px) {
	
	.botSec .lftPan{ width:100%; margin-bottom:20px;}
	.botSec .lftPan ul{ text-align:center;}
	.botSec .lftPan ul li{ font-size:87%; margin-bottom:5px;}
	.botSec .rgtPan{ width:100%; margin-bottom:10px;}
	.botSec .rgtPan .socialMedia{ text-align:center;}
	.botSec2 .lftPan{ width:100%; text-align:center;}
	.botSec2 .rgtPan{ width:100%; text-align:center; margin-top:20px;}
	
}